.elementor-27681 .elementor-element.elementor-element-82f210c{text-align:center;}.elementor-27681 .elementor-element.elementor-element-82f210c .elementor-heading-title{font-family:var( --e-global-typography-769eb79-font-family ), Sans-serif;font-size:var( --e-global-typography-769eb79-font-size );font-weight:var( --e-global-typography-769eb79-font-weight );line-height:var( --e-global-typography-769eb79-line-height );letter-spacing:var( --e-global-typography-769eb79-letter-spacing );color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-82f210c .elementor-heading-title a:hover, .elementor-27681 .elementor-element.elementor-element-82f210c .elementor-heading-title a:focus{color:var( --e-global-color-ee45793 );}.elementor-27681 .elementor-element.elementor-element-e39c41a{--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-27681 .elementor-element.elementor-element-3006d4c{text-align:start;}.elementor-27681 .elementor-element.elementor-element-3006d4c .elementor-heading-title{font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;}.elementor-27681 .elementor-element.elementor-element-0f23fbb{--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-27681 .elementor-element.elementor-element-edeae42{--spacer-size:50px;}.elementor-27681 .elementor-element.elementor-element-fc6b38f{--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-27681 .elementor-element.elementor-element-5645829{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-e861c98{text-align:center;}.elementor-27681 .elementor-element.elementor-element-e861c98 .elementor-heading-title{font-family:var( --e-global-typography-c553d5e-font-family ), Sans-serif;font-size:var( --e-global-typography-c553d5e-font-size );font-weight:var( --e-global-typography-c553d5e-font-weight );line-height:var( --e-global-typography-c553d5e-line-height );color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-3e6df36{--display:flex;}.elementor-27681 .elementor-element.elementor-element-aa06d5e{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-2659b3d{--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-27681 .elementor-element.elementor-element-2eb7d94 .elementor-button{background-color:var( --e-global-color-ee45793 );font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-2eb7d94{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-2eb7d94 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F5FC;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-2eb7d94 .elementor-button:hover, .elementor-27681 .elementor-element.elementor-element-2eb7d94 .elementor-button:focus{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-2eb7d94 .elementor-button:hover svg, .elementor-27681 .elementor-element.elementor-element-2eb7d94 .elementor-button:focus svg{fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-7b1338e{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-153dd88{--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-27681 .elementor-element.elementor-element-3727b4b .elementor-button{background-color:var( --e-global-color-ee45793 );font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-3727b4b{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-3727b4b > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F5FC;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-9e81777{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-7e3fdfa{--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-27681 .elementor-element.elementor-element-e0d7440 .elementor-button{background-color:var( --e-global-color-ee45793 );font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-e0d7440{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-e0d7440 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F5FC;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-623f6f1{--n-accordion-title-font-size:var( --e-global-typography-9681532-font-size );--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-hover-color:var( --e-global-color-secondary );--n-accordion-title-active-color:var( --e-global-color-d167c02 );--n-accordion-icon-size:15px;--n-accordion-icon-gap:10px;}.elementor-27681 .elementor-element.elementor-element-623f6f1 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-27681 .elementor-element.elementor-element-623f6f1 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-db9f108{--display:flex;}.elementor-27681 .elementor-element.elementor-element-92751d2{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-e214af5 .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-e214af5{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-e214af5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-4b241a7{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-1536fb7{--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-27681 .elementor-element.elementor-element-d635db1 .elementor-button{background-color:var( --e-global-color-ee45793 );font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-d635db1{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-d635db1 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F5FC;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-f51b026{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-f41d4ba{--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-27681 .elementor-element.elementor-element-ef65bfd .elementor-button{background-color:var( --e-global-color-ee45793 );font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-ef65bfd{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-ef65bfd > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F5FC;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-50dd869{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-07503f7{--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-27681 .elementor-element.elementor-element-c8b27b3 .elementor-button{background-color:var( --e-global-color-ee45793 );font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-c8b27b3{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-c8b27b3 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F5FC;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-dfd4b5c{--n-accordion-title-font-size:var( --e-global-typography-9681532-font-size );--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-hover-color:var( --e-global-color-secondary );--n-accordion-title-active-color:var( --e-global-color-d167c02 );--n-accordion-icon-size:15px;--n-accordion-icon-gap:10px;}.elementor-27681 .elementor-element.elementor-element-dfd4b5c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-27681 .elementor-element.elementor-element-dfd4b5c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-5edb7f2{--display:flex;}.elementor-27681 .elementor-element.elementor-element-b1584b6{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-591ad8b .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-591ad8b{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-591ad8b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-e7de381{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-200a3f3{--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-27681 .elementor-element.elementor-element-de43cc3 .elementor-button{background-color:var( --e-global-color-ee45793 );font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-de43cc3{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-de43cc3 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F5FC;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-92001ad{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-554f363{--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-27681 .elementor-element.elementor-element-0b5caf9 .elementor-button{background-color:var( --e-global-color-ee45793 );font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-0b5caf9{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-0b5caf9 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F5FC;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-df0c6d0{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-46fb7f2{--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-27681 .elementor-element.elementor-element-a3c04e7 .elementor-button{background-color:var( --e-global-color-ee45793 );font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-a3c04e7{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-a3c04e7 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F5FC;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-c0c91aa{--n-accordion-title-font-size:var( --e-global-typography-9681532-font-size );--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-hover-color:var( --e-global-color-secondary );--n-accordion-title-active-color:var( --e-global-color-d167c02 );--n-accordion-icon-size:15px;--n-accordion-icon-gap:10px;}.elementor-27681 .elementor-element.elementor-element-c0c91aa > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-27681 .elementor-element.elementor-element-c0c91aa > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-f1a3f42{--display:flex;}.elementor-27681 .elementor-element.elementor-element-e077601{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-4384117{--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-27681 .elementor-element.elementor-element-95e8ec6 .elementor-button{background-color:var( --e-global-color-ee45793 );font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-95e8ec6{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-95e8ec6 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F5FC;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-81c196a{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-d78cb38{--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-27681 .elementor-element.elementor-element-f3f4554 .elementor-button{background-color:var( --e-global-color-ee45793 );font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-f3f4554{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-f3f4554 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F5FC;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-812c154{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-4e36127{--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-27681 .elementor-element.elementor-element-5e48c32 .elementor-button{background-color:var( --e-global-color-ee45793 );font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-5e48c32{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-5e48c32 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F5FC;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-1d6b9e9{--n-accordion-title-font-size:var( --e-global-typography-9681532-font-size );--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-hover-color:var( --e-global-color-secondary );--n-accordion-title-active-color:var( --e-global-color-d167c02 );--n-accordion-icon-size:15px;--n-accordion-icon-gap:10px;}.elementor-27681 .elementor-element.elementor-element-1d6b9e9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-27681 .elementor-element.elementor-element-1d6b9e9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-d29e4bd{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:20%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:5px;--n-tabs-gap:0px;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-font-size:var( --e-global-typography-9681532-font-size );--n-tabs-title-color:var( --e-global-color-991dd67 );}.elementor-27681 .elementor-element.elementor-element-d29e4bd > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-0b8d8e5 );}.elementor-27681 .elementor-element.elementor-element-d29e4bd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-d29e4bd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-27681 .elementor-element.elementor-element-d29e4bd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-405a59b );}.elementor-27681 .elementor-element.elementor-element-d29e4bd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-7bf2397{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-c2d53c8{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-3c5a5ee{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-08a08f9{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-a542b07{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-7b66a8b{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-5db2d1f{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-69c6cef{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-0494221{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-d79e203 .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-d79e203{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-d79e203 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-9269628{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-5c5cd03 .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-5c5cd03{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-3e3b19e{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-69715c1 .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-69715c1{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-69715c1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-cb433f3{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-29a2e11 .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-29a2e11{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-29a2e11 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-d918247{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-5333634 .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-5333634{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-5333634 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-2472b75{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-0238bee .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-0238bee{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-0238bee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-e3820d8{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-477e654 .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-477e654{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-477e654 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-7720ada{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-77edc28 .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-77edc28{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-77edc28 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-5f42c6b{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-a2ccaf1 .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-66d3853{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-8bc8189 .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-8bc8189{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-8bc8189 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-4924eb4{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-274c73c .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-274c73c{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-274c73c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-c19faf5{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#ffffff;font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-size:var( --e-global-typography-9681532-font-size );font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f0f5fd;border-radius:100px 100px 100px 100px;}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card-body, .elementor-27681 .elementor-element.elementor-element-9ab948f .accordion.floating-style .elementskit-card-body{background-color:#ffffff;}.elementor-27681 .elementor-element.elementor-element-9ab948f{width:100%;max-width:100%;}.elementor-27681 .elementor-element.elementor-element-9ab948f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-d167c02 );border-radius:1em 1em 1em 1em;}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card:not(:last-child){margin-bottom:3px;}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card-body{border-radius:0px 0px 27.5px 27.5px;padding:30px 65px 30px 65px;}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion > .elementskit-card.active{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:5px 5px 0px 0px;}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion > .elementskit-card{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card-header > .elementskit-btn-link.collapsed{border-radius:5px 5px 5px 5px;}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card-header .elementskit-btn-link .ekit_accordion_normal_icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card .elementskit-card-header .elementskit-btn-link .ekit_accordion_active_icon{color:var( --e-global-color-d167c02 );fill:var( --e-global-color-d167c02 );}.elementor-27681 .elementor-element.elementor-element-cfed2b8{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:20%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:5px;--n-tabs-gap:0px;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-font-size:var( --e-global-typography-9681532-font-size );--n-tabs-title-color:var( --e-global-color-991dd67 );}.elementor-27681 .elementor-element.elementor-element-cfed2b8 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#053258;}.elementor-27681 .elementor-element.elementor-element-cfed2b8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-cfed2b8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-27681 .elementor-element.elementor-element-cfed2b8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-405a59b );}.elementor-27681 .elementor-element.elementor-element-cfed2b8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-cfed2b8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-27681 .elementor-element.elementor-element-678d096{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-5a1c28a{--display:flex;border-style:none;--border-style:none;}.elementor-27681 .elementor-element.elementor-element-970af4d{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-align-items:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:5px;--n-tabs-gap:0px;--n-tabs-title-border-radius:5px 50px 5px 5px;--n-tabs-title-font-size:var( --e-global-typography-9681532-font-size );--n-tabs-title-color:var( --e-global-color-ee45793 );--n-tabs-title-color-active:var( --e-global-color-3a009a8 );}.elementor-27681 .elementor-element.elementor-element-970af4d > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-0b8d8e5 );}.elementor-27681 .elementor-element.elementor-element-970af4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-27681 .elementor-element.elementor-element-970af4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-27681 .elementor-element.elementor-element-970af4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-882b3aa );}.elementor-27681 .elementor-element.elementor-element-970af4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-9681532-font-family ), Sans-serif;font-weight:var( --e-global-typography-9681532-font-weight );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-970af4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-27681 .elementor-element.elementor-element-970af4d [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-ee45793 );}@media(min-width:768px){.elementor-27681 .elementor-element.elementor-element-e39c41a{--width:90%;}.elementor-27681 .elementor-element.elementor-element-fc6b38f{--width:90%;}.elementor-27681 .elementor-element.elementor-element-3e6df36{--width:100%;}}@media(max-width:1024px){.elementor-27681 .elementor-element.elementor-element-82f210c .elementor-heading-title{font-size:var( --e-global-typography-769eb79-font-size );line-height:var( --e-global-typography-769eb79-line-height );letter-spacing:var( --e-global-typography-769eb79-letter-spacing );}.elementor-27681 .elementor-element.elementor-element-3006d4c .elementor-heading-title{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-e861c98 .elementor-heading-title{font-size:var( --e-global-typography-c553d5e-font-size );line-height:var( --e-global-typography-c553d5e-line-height );}.elementor-27681 .elementor-element.elementor-element-2eb7d94 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-3727b4b .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-e0d7440 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-623f6f1{--n-accordion-title-font-size:var( --e-global-typography-9681532-font-size );}:where( .elementor-27681 .elementor-element.elementor-element-623f6f1 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-d635db1 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-ef65bfd .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-c8b27b3 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-dfd4b5c{--n-accordion-title-font-size:var( --e-global-typography-9681532-font-size );}:where( .elementor-27681 .elementor-element.elementor-element-dfd4b5c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-de43cc3 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-0b5caf9 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-a3c04e7 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-c0c91aa{--n-accordion-title-font-size:var( --e-global-typography-9681532-font-size );}:where( .elementor-27681 .elementor-element.elementor-element-c0c91aa > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-95e8ec6 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-f3f4554 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-5e48c32 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-1d6b9e9{--n-accordion-title-font-size:var( --e-global-typography-9681532-font-size );}:where( .elementor-27681 .elementor-element.elementor-element-1d6b9e9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-d29e4bd{--n-tabs-title-font-size:var( --e-global-typography-9681532-font-size );}.elementor-27681 .elementor-element.elementor-element-d29e4bd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-cfed2b8{--n-tabs-title-font-size:var( --e-global-typography-9681532-font-size );}.elementor-27681 .elementor-element.elementor-element-cfed2b8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-970af4d{--n-tabs-title-font-size:var( --e-global-typography-9681532-font-size );}.elementor-27681 .elementor-element.elementor-element-970af4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-9681532-line-height );}}@media(max-width:767px){.elementor-27681 .elementor-element.elementor-element-82f210c .elementor-heading-title{font-size:var( --e-global-typography-769eb79-font-size );line-height:var( --e-global-typography-769eb79-line-height );letter-spacing:var( --e-global-typography-769eb79-letter-spacing );}.elementor-27681 .elementor-element.elementor-element-3006d4c .elementor-heading-title{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-e861c98 .elementor-heading-title{font-size:var( --e-global-typography-c553d5e-font-size );line-height:var( --e-global-typography-c553d5e-line-height );}.elementor-27681 .elementor-element.elementor-element-2eb7d94 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-3727b4b .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-e0d7440 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-623f6f1{--n-accordion-title-font-size:var( --e-global-typography-9681532-font-size );}:where( .elementor-27681 .elementor-element.elementor-element-623f6f1 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-e214af5 .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-d635db1 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-ef65bfd .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-c8b27b3 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-dfd4b5c{--n-accordion-title-font-size:var( --e-global-typography-9681532-font-size );}:where( .elementor-27681 .elementor-element.elementor-element-dfd4b5c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-591ad8b .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-de43cc3 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-0b5caf9 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-a3c04e7 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-c0c91aa{--n-accordion-title-font-size:var( --e-global-typography-9681532-font-size );}:where( .elementor-27681 .elementor-element.elementor-element-c0c91aa > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-95e8ec6 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-f3f4554 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-5e48c32 .elementor-button{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-1d6b9e9{--n-accordion-title-font-size:var( --e-global-typography-9681532-font-size );}:where( .elementor-27681 .elementor-element.elementor-element-1d6b9e9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-d29e4bd{--n-tabs-title-font-size:var( --e-global-typography-9681532-font-size );}.elementor-27681 .elementor-element.elementor-element-d29e4bd.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-d79e203 .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-5c5cd03 .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-69715c1 .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-29a2e11 .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-5333634 .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-0238bee .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-477e654 .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-77edc28 .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-a2ccaf1 .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-8bc8189 .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-274c73c .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-size:var( --e-global-typography-9681532-font-size );line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-9ab948f .elementskit-accordion .elementskit-card-body{padding:20px 20px 20px 20px;}.elementor-27681 .elementor-element.elementor-element-cfed2b8{--n-tabs-title-font-size:var( --e-global-typography-9681532-font-size );}.elementor-27681 .elementor-element.elementor-element-cfed2b8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-9681532-line-height );}.elementor-27681 .elementor-element.elementor-element-970af4d{--n-tabs-title-font-size:var( --e-global-typography-9681532-font-size );}.elementor-27681 .elementor-element.elementor-element-970af4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-9681532-line-height );}}/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-623f6f1 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-e214af5 */.e-n-accordion-item p {
    overflow: hidden;
}


/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-dfd4b5c */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-591ad8b */.e-n-accordion-item p {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-c0c91aa */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1d6b9e9 */#acordeon-art  .e-n-accordion-item-title {
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-d79e203 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN EN ACORDEÓN Ekit (V2) */
/* (Corregido para múltiples elementos verticales) */
/* ============================================================== */

/* 1. Contenedor principal: ¡YA NO ES FLEX! */
/* Esto permite que los <p> se apilen verticalmente. */
.elementskit-card-body.ekit-accordion--content {
  /* Opcional: un poco de padding para que no esté pegado a los bordes */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 2. CADA PÁRRAFO <p> ES AHORA EL CONTENEDOR FLEX */
/* Esta es la regla clave que lo soluciona todo. */
.elementskit-card-body.ekit-accordion--content p {
  display: flex !important; /* ¡Aquí va el flex! */
  align-items: center !important; /* Centra verticalmente icono y texto */
  gap: 10px; /* Espacio entre icono y texto */

  /* Añade espacio DEBAJO de cada línea de item */
  margin: 0 0 15px 0 !important;
  
  padding: 0 !important;
  line-height: 1.2;
  text-align: left !important;
}

/* 2b. Evita que el último elemento tenga espacio extra */
.elementskit-card-body.ekit-accordion--content p:last-child {
  margin-bottom: 0 !important;
}

/* 3. ANULA los estilos de la IMAGEN (Casi igual) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;

  /* Forzar el tamaño deseado */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;

  /* Quita márgenes */
  margin: 0 !important;

  /* ¡NUEVO! Evita que el icono se encoja */
  flex-shrink: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (sin cambios) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  margin: 0 !important;
}

/* 5. Efecto al pasar el mouse (hover) (sin cambios) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5c5cd03 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-69715c1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-29a2e11 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-5333634 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-0238bee *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-477e654 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-77edc28 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-a2ccaf1 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-8bc8189 *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-274c73c *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for elementskit-accordion, class: .elementor-element-9ab948f *//* ============================================================== */
/* CSS ÚNICO PARA FORZAR ALINEACIÓN ICONO+TEXTO EN ACORDEÓN Ekit */
/* ============================================================== */

/* 1. Convierte el contenedor en Flexbox */
/* Usamos !important para ganar a cualquier estilo en línea */
.elementskit-card-body.ekit-accordion--content {
  display: flex !important;
  align-items: center !important; /* ¡La clave para centrar verticalmente! */
  gap: 10px;                  /* Espacio entre icono y texto */
}

/* 2. Resetea los párrafos <p> que Elementor añade */
/* El editor visual envuelve todo en <p>, arruinando la alineación. */
.elementskit-card-body.ekit-accordion--content p {
  margin: 0 !important;      /* Quita márgenes */
  padding: 0 !important;     /* Quita rellenos */
  line-height: 1.2;          /* Mejora la alineación visual del texto */
  text-align: left !important; /* Anula cualquier 'text-align: right' que tengas */
}

/* 3. ANULA los estilos de la IMAGEN (lo más importante) */
.elementskit-card-body.ekit-accordion--content img {
  /* Anula class="alignleft" o "alignright" */
  float: none !important;
  
  /* Forzar el tamaño deseado (anula width="64" height="79" del HTML) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  
  /* Quita márgenes que 'alignleft' pudo añadir */
  margin: 0 !important;
}

/* 4. Estilos para los enlaces de descarga (esto ya lo tenías bien) */
.elementskit-card-body.ekit-accordion--content a {
  color: #282828;
  text-decoration: none;
  font-weight: 500;
  
  /* Previene que el enlace <p> tenga margen */
  margin: 0 !important; 
}

/* 5. Efecto al pasar el mouse (hover) */
.elementskit-card-body.ekit-accordion--content a:hover {
  color: #084C84;
  text-decoration: none;
}/* End custom CSS */