PageSourceSearch

https://donaciones.alianzaeducativa.edu.co/dona-a-alianza-educativa-2025

html alianzaeducativa.edu.co collected 2026-10-04 13:24:46 UTC 113,910 bytes, 1,876 lines download raw bytes

1
2          <!DOCTYPE html>
3          <html lang="es">
4          <head>
5              <meta charset="UTF-8">
6              <meta name="viewport" content="width=device-width, initial-scale=1.0">
7              <title>Dona a Alianza Educativa</title>
8              <link rel="shortcut icon" href="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/Fav%20alianza.png?43">
9              
10              
11              
12              <meta property="og:type" content="website">
13              <meta property="og:site_name" content="Dona a Alianza Educativa">
14              <meta property="og:url" content="https://donaciones.alianzaeducativa.edu.co/dona-a-alianza-educativa-2025">
15              <meta property="og:title" content="">
16              <meta property="og:description" content="">
17              
18              <meta name="twitter:card" content="summary_large_image">
19              
20              
21              
22              
23              
24          <style type="text/css">
25            .u-row {
26        display: flex;
27        flex-wrap: nowrap;
28        margin-left: 0;
29        margin-right: 0;
30      }
31
32      .u-row .u-col {
33        position: relative;
34        width: 100%;
35        padding-right: 0;
36        padding-left: 0;
37      }
38
39      
40          .u-row .u-col.u-col-19p41 {
41            flex: 0 0 19.41%;
42            max-width: 19.41%;
43          }
44        
45
46          .u-row .u-col.u-col-20p21 {
47            flex: 0 0 20.21%;
48            max-width: 20.21%;
49          }
50        
51
52          .u-row .u-col.u-col-25 {
53            flex: 0 0 25%;
54            max-width: 25%;
55          }
56        
57
58          .u-row .u-col.u-col-29p79 {
59            flex: 0 0 29.79%;
60            max-width: 29.79%;
61          }
62        
63
64          .u-row .u-col.u-col-38p49 {
65            flex: 0 0 38.49%;
66            max-width: 38.49%;
67          }
68        
69
70          .u-row .u-col.u-col-39p87 {
71            flex: 0 0 39.87%;
72            max-width: 39.87%;
73          }
74        
75
76          .u-row .u-col.u-col-40p72 {
77            flex: 0 0 40.72%;
78            max-width: 40.72%;
79          }
80        
81
82          .u-row .u-col.u-col-47p46 {
83            flex: 0 0 47.46%;
84            max-width: 47.46%;
85          }
86        
87
88          .u-row .u-col.u-col-50 {
89            flex: 0 0 50%;
90            max-width: 50%;
91          }
92        
93
94          .u-row .u-col.u-col-52p54 {
95            flex: 0 0 52.54%;
96            max-width: 52.54%;
97          }
98        
99
100          .u-row .u-col.u-col-61p51 {
101            flex: 0 0 61.51%;
102            max-width: 61.51%;
103          }
104        
105
106          .u-row .u-col.u-col-100 {
107            flex: 0 0 100%;
108            max-width: 100%;
109          }
110        
111
112      
113            @media (max-width: 480px) {
114              .container {
115                max-width: 100% !important;
116              }
117
118              .u-row:not(.no-stack) {
119                flex-wrap: wrap;
120              }
121
122              .u-row:not(.no-stack) .u-col {
123                flex: 0 0 100% !important;
124                max-width: 100% !important;
125              }
126            }
127          
128    
129body,html{margin:0;padding:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:14px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}p{margin:0}form .error-field{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:shake;animation-name:shake}form .error-field input,form .error-field textarea{border-color:#a94442!important;color:#a94442!important}form .field-error{font-size:14px;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:-20px}form .field-error:after{border:solid transparent;border-color:#ebcccc rgba(136,183,213,0) rgba(136,183,213,0);border-width:5px;content:" ";height:0;left:50%;margin-left:-5px;pointer-events:none;position:absolute;top:100%;width:0}form .spinner{margin:0 auto;text-align:center;width:70px}form .spinner>div{-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:hsla(0,0%,100%,.5);border-radius:100%;display:inline-block;height:12px;margin:0 2px;width:12px}form .spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}form .spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.container{--bs-gutter-x:0px;--bs-gutter-y:0;margin-left:auto;margin-right:auto;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}sub,sup{line-height:0}
130
131a[onclick]{cursor:pointer}
132
133
134      
135
136      
137          @media (max-width: 480px) {
138            .hide-mobile {
139              
140              display: none !important;
141            }
142          }
143          
144
145          @media (min-width: 481px) {
146            .hide-desktop {
147              
148              display: none !important;
149            }
150          }
151body { font-family: impact,chicago; font-size: 1rem; line-height: 1.5; color: #000000; background-color: #ffffff; font-weight: 400; } #u_body a { color: #02579b; text-decoration: underline; } #u_body a:hover { color: rgba(2,87,155,0.75); text-decoration: underline; } #u_content_button_11 a:hover { color: #FFFFFF !important; background-color: #fa860b !important; } #u_content_button_13 a:hover { color: #FFFFFF !important; background-color: #fa860b !important; } #u_content_button_14 a:hover { color: #FFFFFF !important; background-color: #fa860b !important; } #u_content_button_16 a:hover { color: #FFFFFF !important; background-color: #fa860b !important; } #u_content_button_15 a:hover { color: #e67e23 !important; background-color: #18275e !important; } @media (max-width: 480px) { #u_row_2 .v-row-align-items-align-self { align-self: flex-end !important; } #u_row_2.v-row-align-items-align-self { align-self: flex-end !important; } #u_row_2 .v-row-align-items { align-items: flex-end !important; } #u_row_2.v-row-align-items { align-items: flex-end !important; } #u_row_2 .v-row-background-image--inner { background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; } #u_row_2.v-row-background-image--inner { background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; } #u_row_2 .v-row-background-image--outer { background-image: url('https://assets.unlayer.com/projects/275818/1756739480777-Frame%201321314751.jpg') !important; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; } #u_row_2.v-row-background-image--outer { background-image: url('https://assets.unlayer.com/projects/275818/1756739480777-Frame%201321314751.jpg') !important; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; } #u_row_2.v-row-padding { padding: 28px 0px 0px !important; } #u_column_3 .v-col-padding { padding: 0px !important; } #u_content_image_1.v-container-padding-padding { padding: 20px 10px !important; } #u_content_image_1 .v-src-width { width: 75% !important; } #u_content_image_1 .v-src-max-width { max-width: 75% !important; } #u_content_image_1 .v-text-align { text-align: center !important; } #u_content_divider_3.v-container-padding-padding { padding: 10px !important; } #u_content_text_54.v-container-padding-padding { padding: 0px 20px 8px !important; } #u_content_text_54 .v-font-size { font-size: 22px !important; } #u_content_text_54 .v-color { color: #ffffff !important; } #u_content_text_54 .v-line-height { line-height: 120% !important; } #u_row_3.v-row-padding { padding: 10px 0px 65px !important; } #u_column_5 .v-col-padding { padding: 10px 0px 0px !important; } #u_content_html_2.v-container-padding-padding { padding: 10px 0px !important; } #u_column_6 .v-col-padding { padding: 0px !important; } #u_content_text_129.v-container-padding-padding { padding: 10px 20px !important; } #u_content_text_129 .v-font-size { font-size: 24px !important; } #u_content_text_129 .v-text-align { text-align: center !important; } #u_content_text_129 .v-line-height { line-height: 110% !important; } #u_content_text_58.v-container-padding-padding { padding: 0px 20px 10px !important; } #u_content_text_58 .v-font-size { font-size: 16px !important; } #u_content_text_58 .v-text-align { text-align: center !important; } #u_content_text_84.v-container-padding-padding { padding: 0px 20px !important; } #u_content_text_84 .v-font-size { font-size: 16px !important; } #u_content_text_84 .v-text-align { text-align: center !important; } #u_row_34.v-row-padding { padding: 30px 0px 0px !important; } #u_column_80 .v-col-padding { padding: 30px 0px 0px !important; } #u_content_text_119.v-container-padding-padding { padding: 0px 20px 20px !important; } #u_content_text_119 .v-font-size { font-size: 27px !important; } #u_content_text_120 .v-font-size { font-size: 16px !important; } #u_row_39.v-row-padding { padding: 30px 0px 0px !important; } #u_column_86 .v-col-padding { padding: 30px 0px 0px !important; } #u_content_text_126.v-container-padding-padding { padding: 0px 20px 20px !important; } #u_content_text_126 .v-font-size { font-size: 27px !important; } #u_content_text_127 .v-font-size { font-size: 16px !important; } #u_content_text_131 .v-font-size { font-size: 16px !important; } #u_content_text_132 .v-font-size { font-size: 16px !important; } #u_content_text_133 .v-font-size { font-size: 16px !important; } #u_content_text_134 .v-font-size { font-size: 16px !important; } #u_content_text_135 .v-font-size { font-size: 16px !important; } #u_row_24.v-row-padding { padding: 30px 20px 10px !important; } #u_column_52 .v-col-padding { padding: 30px 0px 0px !important; } #u_content_text_68 .v-font-size { font-size: 24px !important; } #u_content_image_24.v-container-padding-padding { padding: 0px !important; } #u_content_image_24 .v-src-width { width: 100% !important; } #u_content_image_24 .v-src-max-width { max-width: 100% !important; } #u_content_image_42.v-container-padding-padding { padding: 0px !important; } #u_content_text_85.v-container-padding-padding { padding: 10px 0px !important; } #u_content_text_85 .v-font-size { font-size: 48px !important; } #u_content_text_89.v-container-padding-padding { padding: 10px 0px 27px !important; } #u_content_text_89 .v-font-size { font-size: 18px !important; } #u_content_text_90.v-container-padding-padding { padding: 0px !important; } #u_content_text_90 .v-font-size { font-size: 16px !important; } #u_content_text_86 .v-font-size { font-size: 27px !important; } #u_content_text_88.v-container-padding-padding { padding: 0px 20px !important; } #u_content_text_88 .v-font-size { font-size: 16px !important; } #u_row_23.v-row-padding { padding: 0px 20px 20px !important; } #u_column_49 .v-col-padding { padding: 30px 0px 0px !important; } #u_content_image_26 .v-text-align { text-align: center !important; } #u_column_50 .v-col-padding { padding: 0px !important; } #u_content_text_91 .v-font-size { font-size: 22px !important; } #u_content_text_92 .v-font-size { font-size: 16px !important; } #u_content_image_25 .v-text-align { text-align: center !important; } #u_content_text_62 .v-font-size { font-size: 22px !important; } #u_content_text_65 .v-font-size { font-size: 16px !important; } #u_row_30.v-row-padding { padding: 0px 20px 65px !important; } #u_column_65 .v-col-padding { padding: 30px 0px 0px !important; } #u_content_image_27 .v-text-align { text-align: center !important; } #u_column_66 .v-col-padding { padding: 0px !important; } #u_content_text_93 .v-font-size { font-size: 22px !important; } #u_content_text_97 .v-font-size { font-size: 16px !important; } #u_content_image_28 .v-text-align { text-align: center !important; } #u_content_text_95 .v-font-size { font-size: 22px !important; } #u_content_text_96 .v-font-size { font-size: 16px !important; } #u_row_25 .v-row-background-color { background-color: #1b1b1b !important; } #u_row_25.v-row-background-color { background-color: #1b1b1b !important; } #u_row_25 .v-row-columns-background-color-background-color { background-color: #1b1b1b !important; } #u_row_25.v-row-columns-background-color-background-color { background-color: #1b1b1b !important; } #u_row_25 .v-row-background-image--inner { background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; } #u_row_25.v-row-background-image--inner { background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; } #u_row_25 .v-row-background-image--outer { background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; } #u_row_25.v-row-background-image--outer { background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; } #u_row_25.v-row-padding { padding: 0px !important; } #u_column_54 .v-col-padding { padding: 0px !important; } #u_content_text_71.v-container-padding-padding { padding: 40px 20px 20px !important; } #u_content_text_71 .v-font-size { font-size: 50px !important; } #u_content_text_71 .v-line-height { line-height: 110% !important; } #u_content_text_94.v-container-padding-padding { padding: 10px 20px !important; } #u_content_text_94 .v-font-size { font-size: 16px !important; } #u_content_text_98.v-container-padding-padding { padding: 10px 20px !important; } #u_content_text_98 .v-font-size { font-size: 16px !important; } #u_content_button_14.v-container-padding-padding { padding: 10px 10px 80px !important; } #u_row_31.v-row-padding { padding: 20px !important; } #u_column_70 .v-col-padding { padding: 0px !important; }
151 #u_content_image_29 .v-src-width { width: 100% !important; } #u_content_image_29 .v-src-max-width { max-width: 100% !important; } #u_content_text_102 .v-font-size { font-size: 16px !important; } #u_content_text_100 .v-font-size { font-size: 16px !important; } #u_column_71 .v-col-padding { padding: 0px !important; } #u_content_text_112 .v-font-size { font-size: 16px !important; } #u_content_text_113 .v-font-size { font-size: 16px !important; } #u_content_text_105 .v-font-size { font-size: 16px !important; } #u_content_text_101 .v-font-size { font-size: 16px !important; } #u_content_text_99 .v-font-size { font-size: 16px !important; } #u_content_text_106 .v-font-size { font-size: 16px !important; } #u_row_26.v-row-padding { padding: 30px 20px 10px !important; } #u_column_56 .v-col-padding { padding: 30px 0px 0px !important; } #u_content_text_107.v-container-padding-padding { padding: 10px 0px !important; } #u_content_text_107 .v-font-size { font-size: 43px !important; } #u_content_text_107 .v-line-height { line-height: 110% !important; } #u_row_27.v-row-padding { padding: 0px 20px !important; } #u_column_57 .v-col-padding { padding: 0px !important; } #u_column_57 .v-col-border { border-top: 0px solid transparent !important;border-left: 0px solid transparent !important;border-right: 0px solid transparent !important;border-bottom: 0px solid transparent !important; } #u_content_image_31 .v-src-width { width: 100% !important; } #u_content_image_31 .v-src-max-width { max-width: 100% !important; } #u_content_text_108 .v-font-size { font-size: 22px !important; } #u_content_image_33 .v-src-width { width: 100% !important; } #u_content_image_33 .v-src-max-width { max-width: 100% !important; } #u_content_text_109 .v-font-size { font-size: 22px !important; } #u_content_image_32 .v-src-width { width: 100% !important; } #u_content_image_32 .v-src-max-width { max-width: 100% !important; } #u_content_text_110 .v-font-size { font-size: 22px !important; } #u_content_image_34 .v-src-width { width: 100% !important; } #u_content_image_34 .v-src-max-width { max-width: 284px !important; } #u_content_text_74 .v-font-size { font-size: 22px !important; } #u_row_28.v-row-padding { padding: 20px 20px 80px !important; } #u_column_60 .v-col-padding { padding: 10px 0px 0px !important; } #u_content_image_23.v-container-padding-padding { padding: 0px !important; } #u_content_image_23 .v-src-width { width: 100% !important; } #u_content_image_23 .v-src-max-width { max-width: 100% !important; } #u_content_text_103.v-container-padding-padding { padding: 10px 0px !important; } #u_content_text_103 .v-font-size { font-size: 26px !important; } #u_content_text_103 .v-line-height { line-height: 110% !important; } #u_column_61 .v-col-padding { padding: 0px !important; } #u_content_text_116 .v-font-size { font-size: 16px !important; } #u_content_text_116 .v-text-align { text-align: center !important; } #u_content_text_114 .v-font-size { font-size: 16px !important; } #u_content_text_114 .v-text-align { text-align: center !important; } #u_content_button_15 .v-text-align { text-align: center !important; } #u_row_32.v-row-padding { padding: 30px 20px 10px !important; } #u_column_76 .v-col-padding { padding: 30px 0px 0px !important; } #u_content_text_115.v-container-padding-padding { padding: 10px 0px !important; } #u_content_text_115 .v-font-size { font-size: 36px !important; } #u_content_text_115 .v-line-height { line-height: 110% !important; } #u_content_text_123.v-container-padding-padding { padding: 10px 0px 60px !important; } #u_content_text_123 .v-font-size { font-size: 16px !important; } #u_content_html_7.v-container-padding-padding { padding: 0px !important; } #u_row_33.v-row-padding { padding: 30px 20px 10px !important; } #u_column_78 .v-col-padding { padding: 0px !important; } #u_content_image_39 .v-src-width { width: 100% !important; } #u_content_image_39 .v-src-max-width { max-width: 100% !important; } #u_content_image_39 .v-text-align { text-align: center !important; } #u_column_79 .v-col-padding { padding: 0px !important; } #u_content_text_117.v-container-padding-padding { padding: 10px 0px !important; }
151 #u_content_text_117 .v-font-size { font-size: 26px !important; } #u_content_text_122.v-container-padding-padding { padding: 10px 20px !important; } #u_content_text_122 .v-font-size { font-size: 22px !important; } #u_content_html_9.v-container-padding-padding { padding: 40px 20px 80px !important; } #u_content_image_6.v-container-padding-padding { padding: 10px !important; } #u_content_image_6 .v-text-align { text-align: center !important; } #u_content_heading_1.v-container-padding-padding { padding: 50px 10px 10px !important; } #u_content_text_104.v-container-padding-padding { padding: 10px 0px 60px !important; } #u_content_text_104 .v-font-size { font-size: 16px !important; } #u_content_text_124.v-container-padding-padding { padding: 10px 0px 60px !important; } #u_content_text_124 .v-font-size { font-size: 16px !important; } #u_content_text_125.v-container-padding-padding { padding: 10px 0px 60px !important; } #u_content_text_125 .v-font-size { font-size: 16px !important; } }
152            body { margin: 0; padding: 0; font-family: Arial, sans-serif; }
153            .container { max-width: none; width: 100%; }
154          </style>
155        
156              
157          </head>
158          <body>
159              
160              
161    
162  <div id="u_body" class="u_body" style="min-height: 100vh; display: flex; flex-direction: column;">
163    
164  <div id="u_row_2" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 80px 70px 40px 80px;background-image: url('https://assets.unlayer.com/projects/275818/1756739464746-Main%20alianza%20111%20(1).jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;">
165    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
166      <div class="u-row v-row-align-items" style="align-items: center;">
167        
168<div id="u_column_3" class="u-col u-col-100 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
169  <div class="v-col-padding" style="width: 100%;padding:40px 0px;">
170    
171  <div id="u_content_image_1" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
172    
173<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
174  
175  <img alt="" class="v-src-width v-src-max-width" src="https://assets.unlayer.com/projects/275818/1773253596804-logo%20ae%20para%20landing%20page%20(1).png?w=464.4px" style="width: 18%;max-width: 232.2px;" title=""/>
176  
177</div>
178
179  </div>
180
181  <div id="u_content_divider_3" class="u_content_divider v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 60px;">
182    <div style="text-align:center;line-height:0" aria-label="divider"><div style="border-top-width:0px;border-top-style:solid;border-top-color:#BBBBBB;width:100%;display:inline-block;line-height:0px;height:0px;vertical-align:middle"> </div></div>
183  </div>
184
185  <div id="u_content_text_54" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 100px;">
186    
187  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 48px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: center; word-wrap: break-word;">
188    <p style="line-height: 120%;"><span style="line-height: 26.4px;"></span><span style="color: rgb(30, 36, 71); line-height: 26.4px;">&iquest;C&Oacute;MO PUEDE UN NI&Ntilde;O CONSTRUIR SU FUTURO SI NO </span><span style="color: rgb(250, 134, 11); line-height: 26.4px;"><span style="color: rgb(30, 36, 71); line-height: 26.4px;">LOGRA</span> LEER, ESCRIBIR O COMPRENDER LO QUE APRENDE?</span></p>
189  </div>
190
191  </div>
192
193  <div id="u_content_button_11" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
194    
195<div class="v-text-align" style="text-align: center;">
196  <a href="#afrus-container" target="_self" class="v-line-height v-font-size" style="color:#1e2447;background-color:#fa860b;border-radius: 24px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:16px 40px;width:auto;max-width:100%;word-wrap:break-word;font-family: impact,chicago; font-size: 22px;">
197    DONA AHORA
198  </a>
199</div>
200
201  </div>
202
203  <div id="u_content_divider_5" class="u_content_divider v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 400px;">
204    <div style="text-align:center;line-height:0" aria-label="divider"><div style="border-top-width:0px;border-top-style:solid;border-top-color:#BBBBBB;width:100%;display:inline-block;line-height:0px;height:0px;vertical-align:middle"> </div></div>
205  </div>
206
207  </div>
208</div>
209
210      </div>
211    </div>
212  </div>
213
214  <div id="u_row_38" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #18275e; padding: 0px;">
215    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
216      <div class="u-row v-row-align-items">
217        
218<div id="u_column_85" class="u-col u-col-100 u_column v-row-align-items" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
219  <div class="v-col-padding" style="width: 100%;padding:0px;">
220    
221  <div id="u_content_html_11" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
222    <div><!-- TICKER / BANNER SCROLLING - BEBAS NEUE -->
223<section class="af-ticker" aria-label="Mensajes urgentes educación">
224  <div class="af-ticker__mask">
225    <div class="af-ticker__track" style="--speed: 28s;">
226      <!-- Grupo 1 -->
227      <div class="af-ticker__group">
228        <span class="af-ticker__item">LA FALTA DE EDUCACIÓN LIMITA PROFUNDAMENTE EL FUTURO DE NUESTROS NIÑOS Y NIÑAS</span>
229        <span class="af-ticker__sep">•</span>
230        <span class="af-ticker__item">6 de cada 10 niños no están aprendiendo lo básico</span>
231        <span class="af-ticker__sep">•</span>
232        <span class="af-ticker__item">Colombia enfrenta una deuda urgente con su niñez.</span>
233        <span class="af-ticker__sep">•</span>
234      </div>
235      <!-- Duplicado para bucle continuo -->
236      <div class="af-ticker__group" aria-hidden="true">
237        <span class="af-ticker__item">LA FALTA DE EDUCACIÓN LIMITA PROFUNDAMENTE EL FUTURO DE NUESTROS NIÑOS Y NIÑAS</span>
238        <span class="af-ticker__sep">•</span>
239        <span class="af-ticker__item">6 de cada 10 niños no están aprendiendo lo básico</span>
240        <span class="af-ticker__sep">•</span>
241        <span class="af-ticker__item">Colombia enfrenta una deuda urgente con su niñez.</span>
242        <span class="af-ticker__sep">•</span>
243      </div>
244    </div>
245  </div>
246</section>
247
248<style>
249  /* Carga Bebas Neue solo para este componente */
250  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
251
252  /* ===== Scope TOTAL: solo afecta a .af-ticker ===== */
253  .af-ticker{
254    --bg:#18275E;
255    --fg:#FFFFFF;
256    --accent:#FF8A00;
257    --speed:26s;
258    --pad-y: 8px;
259    --font: "Bebas Neue", Helvetica, Arial, sans-serif;
260
261    font-family: var(--font);
262    background: var(--bg);
263    color: var(--fg);
264    width: 100%;
265    overflow: hidden;
266  }
267  .af-ticker *, .af-ticker *::before, .af-ticker *::after{ box-sizing:border-box; font-family:inherit; }
268
269  .af-ticker__mask{ padding: var(--pad-y) 0; }
270  .af-ticker__track{
271    display:flex;
272    width:max-content;
273    animation: af-ticker-scroll var(--speed) linear infinite;
274    will-change: transform;
275  }
276  .af-ticker:hover .af-ticker__track,
277  .af-ticker:focus-within .af-ticker__track{ animation-play-state: paused; }
278
279  .af-ticker__group{
280    display:inline-flex; align-items:center;
281    gap: clamp(12px, 3vw, 28px);
282    padding-inline: clamp(16px, 3vw, 32px);
283    white-space: nowrap;
284  }
285  .af-ticker__item{
286    font-weight: 400;                 /* Bebas Neue solo tiene un peso */
287    font-size: clamp(1.05rem, 4.2vw, 1.6rem);
288    line-height: 1;                   /* Bebas es alta: línea compacta */
289    letter-spacing: .5px;             /* mejor legibilidad */
290  }
291  .af-ticker__sep{
292    color: var(--accent);
293    opacity: .95;
294    font-weight: 700;
295    font-size: clamp(1rem, 4vw, 1.4rem);
296    line-height: 1;
297  }
298
299  @keyframes af-ticker-scroll{
300    from{ transform: translateX(0); }
301    to  { transform: translateX(-50%); }
302  }
303
304  @media (prefers-reduced-motion: reduce){
305    .af-ticker__track{ animation: none; }
306  }
307</style>
308</div>
309  </div>
310
311  </div>
312</div>
313
314      </div>
315    </div>
316  </div>
317
318  <div id="u_row_3" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #f3f3f3; padding: 80px 70px;">
319    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
320      <div class="u-row v-row-align-items" style="align-items: center;">
321        
322<div id="u_column_5" class="u-col u-col-50 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
323  <div class="v-col-padding" style="width: 100%;padding:40px 0px;">
324    
325  <div id="u_content_html_2" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 40px;">
326    <div><afrus-form form-id="2660661b-4eb0-48aa-836f-36d923999aed" preview="false">
327      </afrus-form>
328      
328<script type="module" src="https://afrus-frontend-assets.s3.eu-central-1.amazonaws.com/Widget-prod/webcomponents.es.js">
329      </script>
329
330      </div>
331  </div>
332
333  </div>
334</div>
335
336<div id="u_column_6" class="u-col u-col-50 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
337  <div class="v-col-padding" style="width: 100%;padding:50px 0px;">
338    
339  <div id="u_content_text_129" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 40px 0px 0px;">
340    
341  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 64px; font-weight: 400; color: #000000; line-height: 110%; text-align: left; word-wrap: break-word;">
342    <p style="line-height: 110%;"><span style="color: rgb(250, 134, 11); line-height: 26.4px;">6 DE CADA 10 NI&Ntilde;OS</span><br><span style="color: rgb(24, 39, 94); line-height: 26.4px;">NO EST&Aacute;N APRENDIENDO LO B&Aacute;SICO</span></p>
343  </div>
344
345  </div>
346
347  <div id="u_content_text_58" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
348    
349  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 24px; font-weight: 700; color: #344054; line-height: 120%; text-align: left; word-wrap: break-word;">
350    <p style="line-height: 120%;">Colombia enfrenta una deuda</p>
351<p style="line-height: 120%;">urgente con su ni&ntilde;ez.</p>
352  </div>
353
354  </div>
355
356  <div id="u_content_text_84" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
357    
358  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 20px; font-weight: 400; color: #344054; line-height: 120%; text-align: left; word-wrap: break-word;">
359    <p style="line-height: 120%;">Esta realidad no solo refleja un problema educativo, sino una emergencia social: sin comprensi&oacute;n lectora, pensamiento matem&aacute;tico ni competencias socioemocionales, estos ni&ntilde;os crecen con barreras invisibles que frenan sus sue&ntilde;os antes de empezar.</p>
360  </div>
361
362  </div>
363
364  </div>
365</div>
366
367      </div>
368    </div>
369  </div>
370
371  <div id="u_row_34" class="u_row v-row-padding v-row-background-image--outer v-row-background-color hide-desktop hide-mobile" style="background-color: #f3f3f3; padding: 60px 70px 0px;background-image: url('https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/Fondo%20alianza%20(1).jpg?80');background-repeat: no-repeat;background-position: center top;background-size: cover;">
372    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
373      <div class="u-row v-row-align-items" style="align-items: flex-end;">
374        
375<div id="u_column_80" class="u-col u-col-47p46 u_column v-row-align-items" style="display:flex;align-items:flex-end;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
376  <div class="v-col-padding" style="width: 100%;padding:34px 0px 0px;">
377    
378  <div id="u_content_image_40" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
379    
380<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
381  
382  <img alt="" class="v-src-width v-src-max-width" src="https://assets.unlayer.com/projects/275818/1756139838189-900559.png" style="width: 100%;max-width: 616.98px;" title=""/>
383  
384</div>
385
386  </div>
387
388  </div>
389</div>
390
391<div id="u_column_81" class="u-col u-col-52p54 u_column v-row-align-items" style="display:flex;align-items:flex-end;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
392  <div class="v-col-padding" style="width: 100%;padding:0px;">
393    
394  <div id="u_content_text_119" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
395    
396  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 33px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: left; word-wrap: break-word;">
397    <p style="line-height: 120%;">En Alianza Educativa creemos en una educaci&oacute;n p&uacute;blica exigente, cercana y que acompa&ntilde;a el coraz&oacute;n tanto como la mente</p>
398  </div>
399
400  </div>
401
402  <div id="u_content_text_120" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 20px;">
403    
404  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 140%; text-align: left; word-wrap: break-word;">
405    <p style="line-height: 140%;">Con tu donaci&oacute;n seguiremos transformando vidas a trav&eacute;s de distintas estrategias:</p>
406  </div>
407
408  </div>
409
410  <div id="u_content_html_10" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 0px 160px;">
411    <div><!-- GRID DE TARJETAS – MOBILE FIRST (1 COL) / RESPONSIVO CON CONTAINER QUERIES -->
412<section class="af-cards" aria-label="Mensajes clave">
413  <div class="af-cards-grid">
414    <article class="af-card af-card--dark">
415      <p>Materiales pedagógicos y formación:<br><br> para fortalecer la lectoescritura desde primaria.</p>
416    </article>
417
418    <article class="af-card af-card--orange">
419      <p>Desarrollo socioemocional:<br><br>para que los estudiantes enfrenten retos con confianza y cultiven relaciones sanas.</p>
420    </article>
421
422    <article class="af-card af-card--orange">
423      <p>Construcción de proyectos de vida:<br><br>que permitan a niños y niñas descubrir sus intereses y alcanzar su máximo potencial.</p>
424    </article>
425
426    <article class="af-card af-card--dark">
427      <p>Programa Superaula:<br><br> para valorar y reconocer la diversidad y los estilos de aprendizaje de todos nuestros estudiantes.</p>
428    </article>
429  </div>
430</section>
431
432<style>
433  /* ===== Scope TOTAL: solo afecta a .af-cards ===== */
434  .af-cards{
435    --ff: "Helvetica Neue", Helvetica, Arial, sans-serif;
436    --bg-dark: #22252B;
437    --bg-orange: #FF8A00;
438    --ink-on-orange: #16213A;
439    --radius: clamp(18px, 4vw, 32px);
440    --pad-y: clamp(18px, 3.2vw, 28px);
441    --pad-x: clamp(18px, 3.6vw, 32px);
442    --gap: clamp(8px, 3vw, 8px);
443
444    font-family: var(--ff);
445    width: 100%;
446    max-width: 1200px;
447    margin: 0 auto;
448    padding-inline: clamp(8px, 3vw, 8px);
449
450    /* Habilita container queries para responder al ancho real del contenedor */
451    container-type: inline-size;
452  }
453  .af-cards *, .af-cards *::before, .af-cards *::after{ box-sizing: border-box; font-family: inherit; }
454
455  /* Grid: por defecto 1 columna (mobile-first) */
456  .af-cards-grid{
457    display: grid;
458    grid-template-columns: 1fr;
459    gap: var(--gap);
460  }
461
462  /* ⚡ Cambia a 2 columnas cuando el contenedor (no el viewport) es ancho */
463  @container (min-width: 600px){
464    .af-cards-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
465  }
466  /* Fallback por si el navegador no soporta container queries */
467  @media (min-width: 900px){
468    .af-cards-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
469  }
470
471  /* Tarjetas */
472  .af-card{
473    border-radius: var(--radius);
474    padding: var(--pad-y) var(--pad-x);
475    box-shadow: 0 12px 28px rgba(0,0,0,.18);
476  }
477  .af-card--dark{ background: var(--bg-dark); color: #fff; }
478  .af-card--orange{ background: var(--bg-orange); color: var(--ink-on-orange); }
479
480  .af-card p{
481    margin: 0;
482    font-weight: 700;
483    font-size: clamp(1rem, 3.1vw, 1.35rem);
484    line-height: 1.20;
485    /* Evita romper palabras en cualquier letra */
486    overflow-wrap: break-word;   /* solo si es necesario */
487    word-break: normal;          /* no “break-all” heredado */
488    hyphens: auto;               /* guiones si el idioma lo permite */
489  }
490
491  /* Ajustes finos en pantallas grandes (opcional) */
492  @media (min-width: 1200px){
493    .af-card p{ font-size: 1.0rem; }
494  }
495</style>
496</div>
497  </div>
498
499  </div>
500</div>
501
502      </div>
503    </div>
504  </div>
505
506  <div id="u_row_39" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #f3f3f3; padding: 60px 70px 0px;background-image: url('https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/Fondo%20alianza%20(1).jpg?80');background-repeat: no-repeat;background-position: center top;background-size: cover;">
507    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
508      <div class="u-row v-row-align-items" style="align-items: flex-end;">
509        
510<div id="u_column_86" class="u-col u-col-47p46 u_column v-row-align-items" style="display:flex;align-items:flex-end;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
511  <div class="v-col-padding" style="width: 100%;padding:34px 0px 0px;">
512    
513  <div id="u_content_image_45" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
514    
515<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
516  
517  <img alt="" class="v-src-width v-src-max-width" src="https://assets.unlayer.com/projects/275818/1756139838189-900559.png" style="width: 100%;max-width: 616.98px;" title=""/>
518  
519</div>
520
521  </div>
522
523  </div>
524</div>
525
526<div id="u_column_87" class="u-col u-col-52p54 u_column v-row-align-items" style="display:flex;align-items:flex-end;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
527  <div class="v-col-padding" style="width: 100%;padding:0px;">
528    
529  <div id="u_content_text_126" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
530    
531  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 33px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: left; word-wrap: break-word;">
532    <p style="line-height: 120%;">En Alianza Educativa creemos en una educaci&oacute;n p&uacute;blica exigente, cercana y que acompa&ntilde;a el coraz&oacute;n tanto como la mente</p>
533  </div>
534
535  </div>
536
537  <div id="u_content_text_127" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 20px;">
538    
539  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 140%; text-align: left; word-wrap: break-word;">
540    <p style="line-height: 140%;">Con tu donaci&oacute;n seguiremos transformando vidas a trav&eacute;s de distintas estrategias:</p>
541  </div>
542
543  </div>
544
545  <div id="u_content_text_131" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 20px;">
546    
547  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 140%; text-align: left; word-wrap: break-word;">
548    <p style="line-height: 140%;"><span style="color: rgb(230, 126, 35); line-height: 25.2px;"><strong>Materiales pedag&oacute;gicos y formaci&oacute;n:</strong></span> para fortalecer la lectoescritura desde primaria.</p>
549  </div>
550
551  </div>
552
553  <div id="u_content_text_132" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 20px;">
554    
555  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 140%; text-align: left; word-wrap: break-word;">
556    <p style="line-height: 140%;"><span style="color: rgb(230, 126, 35); line-height: 25.2px;"><strong>Desarrollo socioemocional: </strong><span style="color: rgb(255, 255, 255); line-height: 25.2px;">para que los estudiantes enfrenten retos con confianza y cultiven relaciones sanas.</span></span></p>
557  </div>
558
559  </div>
560
561  <div id="u_content_text_133" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 20px;">
562    
563  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 140%; text-align: left; word-wrap: break-word;">
564    <p style="line-height: 140%;"><span style="color: rgb(230, 126, 35); line-height: 25.2px;"><strong>Construcci&oacute;n de proyectos de vida: </strong><span style="color: rgb(255, 255, 255); line-height: 25.2px;">que permitan a ni&ntilde;os y ni&ntilde;as descubrir sus intereses y alcanzar su m&aacute;ximo potencial.</span></span></p>
565  </div>
566
567  </div>
568
569  <div id="u_content_text_134" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 20px;">
570    
571  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 140%; text-align: left; word-wrap: break-word;">
572    <p style="line-height: 140%;"><span style="color: rgb(230, 126, 35); line-height: 25.2px;"><strong>Programa Superaula: </strong><span style="color: rgb(255, 255, 255); line-height: 25.2px;">para valorar y reconocer la diversidad y los estilos de aprendizaje de todos nuestros estudiantes.</span></span></p>
573  </div>
574
575  </div>
576
577  <div id="u_content_text_135" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 20px;">
578    
579  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 140%; text-align: left; word-wrap: break-word;">
580    <p style="line-height: 140%;"><span style="color: rgb(24, 39, 94); line-height: 25.2px;"><span style="line-height: 25.2px;">.</span></span></p>
581  </div>
582
583  </div>
584
585  </div>
586</div>
587
588      </div>
589    </div>
590  </div>
591
592  <div id="u_row_24" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 0px 70px;background-image: url('https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/Version%201%20(1).jpg?87');background-repeat: no-repeat;background-position: center bottom;background-size: cover;">
593    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
594      <div class="u-row v-row-align-items" style="align-items: center;">
595        
596<div id="u_column_52" class="u-col u-col-100 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
597  <div class="v-col-padding" style="width: 100%;padding:40px 0px 0px;">
598    
599  <div id="u_content_text_68" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
600    
601  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 32px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: center; word-wrap: break-word;">
602    <p style="line-height: 120%;">EL SISTEMA EDUCATIVO EN COLOMBIA VIVE UNA SITUACI&Oacute;N DRAM&Aacute;TICA.<br>EL EMBUDO DE LA EDUCACI&Oacute;N ES REAL:</p>
603  </div>
604
605  </div>
606
607  <div id="u_content_image_24" class="u_content_image v-container-padding-padding hide-mobile" style="overflow-wrap: break-word;padding: 10px 10px 60px;">
608    
609<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
610  
611  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/Embudo%20(1).png?4" style="width: 81%;max-width: 1036.8px;" title=""/>
612  
613</div>
614
615  </div>
616
617  <div id="u_content_image_42" class="u_content_image v-container-padding-padding hide-desktop" style="overflow-wrap: break-word;padding: 10px;">
618    
619<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
620  
621  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/Group%201321314768.png?68" style="width: 100%;max-width: 441px;" title=""/>
622  
623</div>
624
625  </div>
626
627  <div id="u_content_text_85" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 40px 40px 0px;">
628    
629  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 64px; font-weight: 400; color: #ffffff; line-height: 110%; text-align: center; word-wrap: break-word;">
630    <p style="line-height: 110%;"><span style="color: rgb(250, 134, 11); line-height: 70.4px;">&iexcl;94 NI&Ntilde;OS</span> SE QUEDAN EN EL CAMINO!</p>
631  </div>
632
633  </div>
634
635  <div id="u_content_text_89" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 27px;">
636    
637  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 32px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: center; word-wrap: break-word;">
638    <p style="line-height: 120%;">DETR&Aacute;S DE ESTA CIFRA HAY MILES DE HISTORIAS INTERRUMPIDAS, SUE&Ntilde;OS DETENIDOS Y OPORTUNIDADES PERDIDAS</p>
639  </div>
640
641  </div>
642
643  <div id="u_content_text_90" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 100px;">
644    
645  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 24px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: center; word-wrap: break-word;">
646    <p style="line-height: 120%;">La deserci&oacute;n escolar es una emergencia silenciosa que exige atenci&oacute;n inmediata.</p>
647  </div>
648
649  </div>
650
651  <div id="u_content_button_13" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
652    
653<div class="v-text-align" style="text-align: center;">
654  <a href="#afrus-container" target="_self" class="v-line-height v-font-size" style="color:#1e2447;background-color:#fa860b;border-radius: 24px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:16px 40px;width:auto;max-width:100%;word-wrap:break-word;font-family: impact,chicago; font-size: 22px;">
655    DONA AHORA
656  </a>
657</div>
658
659  </div>
660
661  </div>
662</div>
663
664      </div>
665    </div>
666  </div>
667
668  <div id="u_row_29" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #030921; padding: 0px;">
669    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
670      <div class="u-row v-row-align-items">
671        
672<div id="u_column_62" class="u-col u-col-100 u_column v-row-align-items" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
673  <div class="v-col-padding" style="width: 100%;padding:0px;">
674    
675  <div id="u_content_text_86" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 60px 10px 10px;">
676    
677  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 32px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: center; word-wrap: break-word;">
678    <p style="line-height: 120%;">DATOS QUE NO PODEMOS PASAR POR ALTO DE LA REALIDAD COLOMBIANA</p>
679  </div>
680
681  </div>
682
683  <div id="u_content_text_88" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 100px;">
684    
685  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: center; word-wrap: break-word;">
686    <p style="line-height: 120%;">*Fuentes de estas cifras: <em>OCDE, Banco Mundial, DANE, SPADIES-Ministerio de Educaci&oacute;n Nacional</em></p>
687  </div>
688
689  </div>
690
691  </div>
692</div>
693
694      </div>
695    </div>
696  </div>
697
698  <div id="u_row_23" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #030921; padding: 0px 70px;">
699    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
700      <div class="u-row v-row-align-items" style="align-items: center;">
701        
702<div id="u_column_49" class="u-col u-col-20p21 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
703  <div class="v-col-padding" style="width: 100%;padding:40px 10px 40px 40px;">
704    
705  <div id="u_content_image_26" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
706    
707<div class="v-text-align" style="position:relative;line-height:0px;text-align:right">
708  
709  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/Group%201321314740.png?84" style="width: 100%;max-width: 192.73px;" title=""/>
710  
711</div>
712
713  </div>
714
715  </div>
716</div>
717
718<div id="u_column_50" class="u-col u-col-29p79 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
719  <div class="v-col-padding" style="width: 100%;padding:50px 40px 50px 10px;">
720    
721  <div id="u_content_text_91" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
722    
723  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 22px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: left; word-wrap: break-word;">
724    <p style="line-height: 120%;">El 71% de los estudiantes no alcanzan las competencias b&aacute;sicas en matem&aacute;ticas y el 51% en ciencias y lectura. </p>
725  </div>
726
727  </div>
728
729  <div id="u_content_text_92" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
730    
731  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: left; word-wrap: break-word;">
732    <p style="line-height: 120%;">Aprender sin comprender, es quedarse atr&aacute;s desde el inicio.</p>
733  </div>
734
735  </div>
736
737  </div>
738</div>
739
740<div id="u_column_63" class="u-col u-col-20p21 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
741  <div class="v-col-padding" style="width: 100%;padding:0px;">
742    
743  <div id="u_content_image_25" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
744    
745<div class="v-text-align" style="position:relative;line-height:0px;text-align:right">
746  
747  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/Group%20132131474
7471.png?88" style="width: 100%;max-width: 216px;" title=""/>
748  
749</div>
750
751  </div>
752
753  </div>
754</div>
755
756<div id="u_column_64" class="u-col u-col-29p79 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
757  <div class="v-col-padding" style="width: 100%;padding:0px;">
758    
759  <div id="u_content_text_62" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
760    
761  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 22px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: left; word-wrap: break-word;">
762    <p style="line-height: 120%;">El 43,9 % de la pobreza est&aacute; asociado a la falta de educaci&oacute;n.</p>
763  </div>
764
765  </div>
766
767  <div id="u_content_text_65" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
768    
769  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: left; word-wrap: break-word;">
770    <p style="line-height: 120%;">Confirmando que sin acceso a aprendizaje de calidad, millones quedan atrapados en la pobreza.</p>
771  </div>
772
773  </div>
774
775  </div>
776</div>
777
778      </div>
779    </div>
780  </div>
781
782  <div id="u_row_30" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #030921; padding: 0px 70px;">
783    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
784      <div class="u-row v-row-align-items" style="align-items: center;">
785        
786<div id="u_column_65" class="u-col u-col-20p21 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
787  <div class="v-col-padding" style="width: 100%;padding:40px 10px 40px 40px;">
788    
789  <div id="u_content_image_27" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
790    
791<div class="v-text-align" style="position:relative;line-height:0px;text-align:right">
792  
793  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/imagen%203%20alianza.png?82" style="width: 100%;max-width: 192.73px;" title=""/>
794  
795</div>
796
797  </div>
798
799  </div>
800</div>
801
802<div id="u_column_66" class="u-col u-col-29p79 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
803  <div class="v-col-padding" style="width: 100%;padding:50px 40px 50px 10px;">
804    
805  <div id="u_content_text_93" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
806    
807  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 22px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: left; word-wrap: break-word;">
808    <p style="line-height: 120%;">Solo 40,5% de los j&oacute;venes que se grad&uacute;an transitan de inmediato a la educaci&oacute;n superior. </p>
809  </div>
810
811  </div>
812
813  <div id="u_content_text_97" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
814    
815  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: left; word-wrap: break-word;">
816    <p style="line-height: 120%;">6 de 10 no logran completar sus carreras.</p>
817  </div>
818
819  </div>
820
821  </div>
822</div>
823
824<div id="u_column_67" class="u-col u-col-20p21 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
825  <div class="v-col-padding" style="width: 100%;padding:0px;">
826    
827  <div id="u_content_image_28" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
828    
829<div class="v-text-align" style="position:relative;line-height:0px;text-align:right">
830  
831  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/imagen%204%20alianza.png?66" style="width: 100%;max-width: 216px;" title=""/>
832  
833</div>
834
835  </div>
836
837  </div>
838</div>
839
840<div id="u_column_68" class="u-col u-col-29p79 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
841  <div class="v-col-padding" style="width: 100%;padding:0px;">
842    
843  <div id="u_content_text_95" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
844    
845  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 22px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: left; word-wrap: break-word;">
846    <p style="line-height: 120%;">El 44,7% de los ni&ntilde;os y ni&ntilde;as sufren afectaciones en su salud mental. </p>
847  </div>
848
849  </div>
850
851  <div id="u_content_text_96" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
852    
853  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: left; word-wrap: break-word;">
854    <p style="line-height: 120%;">Nadie aprende si tiene miedo y ansiedad.</p>
855  </div>
856
857  </div>
858
859  </div>
860</div>
861
862      </div>
863    </div>
864  </div>
865
866  <div id="u_row_36" class="u_row v-row-padding v-row-background-image--outer v-row-background-color hide-
866desktop" style="padding: 0px;">
867    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
868      <div class="u-row v-row-align-items">
869        
870<div id="u_column_83" class="u-col u-col-100 u_column v-row-align-items" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
871  <div class="v-col-padding" style="width: 100%;padding:0px;">
872    
873  <div id="u_content_image_43" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
874    
875<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
876  
877  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/thiago-patriota-FpdoHOjzaOM-unsplash%201.jpg?40" style="width: 100%;max-width: 659px;" title=""/>
878  
879</div>
880
881  </div>
882
883  </div>
884</div>
885
886      </div>
887    </div>
888  </div>
889
890  <div id="u_row_25" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #f3f3f3; padding: 160px 70px;background-image: url('https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/Mision%20alianza%20(1).jpg?28');background-repeat: no-repeat;background-position: center top;background-size: cover;">
891    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
892      <div class="u-row v-row-align-items" style="align-items: center;">
893        
894<div id="u_column_54" class="u-col u-col-50 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
895  <div class="v-col-padding" style="width: 100%;padding:40px 0px 0px;">
896    
897  </div>
898</div>
899
900<div id="u_column_69" class="u-col u-col-50 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
901  <div class="v-col-padding" style="width: 100%;padding:0px;">
902    
903  <div id="u_content_text_71" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
904    
905  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 60px; font-weight: 400; color: #ffffff; line-height: 120%; text-align: left; word-wrap: break-word;">
906    <p style="line-height: 110%;">NUESTRA HISTORIA</p>
907  </div>
908
909  </div>
910
911  <div id="u_content_text_94" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
912    
913  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 140%; text-align: left; word-wrap: break-word;">
914    <p style="line-height: 140%;"><strong>Hace 26 a&ntilde;os, nace Alianza Educativa como una asociaci&oacute;n de cuatro instituciones l&iacute;deres en el sector educativo: la Universidad de los Andes, el Colegio Los Nogales, el Colegio San Carlos, el Colegio Nueva Granada (gestor hasta 2016) y m&aacute;s adelante el Gimnasio la Monta&ntilde;a (gestor desde 2017)</strong>, que se unieron con una visi&oacute;n clara: ofrecer oportunidades reales a ni&ntilde;os, ni&ntilde;as y j&oacute;venes, y formar personas &iacute;ntegras, felices y comprometidas con sus comunidades.</p>
915  </div>
916
917  </div>
918
919  <div id="u_content_text_98" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
920    
921  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 140%; text-align: left; word-wrap: break-word;">
922    <p style="line-height: 140%;">Gracias al compromiso de la Secretar&iacute;a de Educaci&oacute;n Distrital de Bogot&aacute; y su apuesta por el modelo de colegios en administraci&oacute;n, hoy Alianza Educativa administra 11 colegios oficiales de la ciudad con un prop&oacute;sito firme: aportar a fortalecer la calidad de la educaci&oacute;n p&uacute;blica, a trav&eacute;s de una apuesta que transforma vidas &nbsp;y construye caminos de equidad para todos.</p>
923  </div>
924
925  </div>
926
927  <div id="u_content_button_14" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
928    
929<div class="v-text-align" style="text-align: left;">
930  <a href="#afrus-container" target="_self" class="v-line-height v-font-size" style="color:#1e2447;background-color:#fa860b;border-radius: 24px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:16px 40px;width:auto;max-width:100%;word-wrap:break-word;font-family: impact,chicago; font-size: 22px;">
931    DONA AHORA
932  </a>
933</div>
934
935  </div>
936
937  </div>
938</div>
939
940      </div>
941    </div>
942  </div>
943
944  <div id="u_row_31" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 100px 70px;">
945    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
946      <div class="u-row v-row-align-items">
947        
948<div id="u_column_70" class="u-col u-col-50 u_column v-row-align-items" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
949  <div class="v-col-padding" style="width: 100%;padding:0px 40px 0px 0px;">
950    
951  <div id="u_content_image_29" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
952    
953<div class="v-text-align" style="position:relative;line-height:0px;text-align:left">
954  
955  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/logo%20alianzaa.png?88" style="width: 43%;max-width: 253.7px;" title=""/>
956  
957</div>
958
959  </div>
960
961  <div id="u_content_text_102" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
962    
963  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #34495e; line-height: 140%; text-align: left; word-wrap: break-word;">
964    <p style="line-height: 140%;">
964Hoy transformamos vidas, con tu ayuda podemos impactar muchas m&aacute;s. En Alianza Educativa acompa&ntilde;amos a m&aacute;s de 11.000 estudiantes en 11 colegios oficiales con un modelo que une aprendizajes acad&eacute;micos y socioemocionales. </p>
965  </div>
966
967  </div>
968
969  <div id="u_content_text_100" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
970    
971  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #34495e; line-height: 140%; text-align: left; word-wrap: break-word;">
972    <p style="line-height: 140%;">Tu aporte le permite a nuestra asociaci&oacute;n ampliar el alcance y llevar estrategias educativas transformadoras a m&aacute;s estudiantes, m&aacute;s familias y m&aacute;s comunidades. <strong>Cada donaci&oacute;n abre caminos donde antes no los hab&iacute;a. &iquest;Nos ayudas a construir el pr&oacute;ximo?</strong></p>
973  </div>
974
975  </div>
976
977  <div id="u_content_button_16" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
978    
979<div class="v-text-align" style="text-align: left;">
980  <a href="#afrus-container" target="_self" class="v-line-height v-font-size" style="color:#1e2447;background-color:#fa860b;border-radius: 24px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:16px 40px;width:auto;max-width:100%;word-wrap:break-word;font-family: impact,chicago; font-size: 22px;">
981    DONA AHORA
982  </a>
983</div>
984
985  </div>
986
987  </div>
988</div>
989
990<div id="u_column_71" class="u-col u-col-50 u_column v-row-align-items" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
991  <div class="v-col-padding" style="width: 100%;padding:0px 0px 0px 40px;">
992    
993  <div id="u_content_text_112" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
994    
995  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 28px; font-weight: 400; color: #18275e; line-height: 140%; text-align: left; word-wrap: break-word;">
996    <p style="line-height: 140%;">📌FORTALECE LA COMPRENSI&Oacute;N LECTORA Y MATEM&Aacute;TICA DESDE LA INFANCIA.</p>
997  </div>
998
999  </div>
1000
1001  <div id="u_content_text_113" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
1002    
1003  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #34495e; line-height: 140%; text-align: left; word-wrap: break-word;">
1004    <p style="line-height: 140%;">Impulsamos la ense&ntilde;anza y el aprendizaje de las habilidades de la lectura y escritura desde los primeros a&ntilde;os de vida.</p>
1005  </div>
1006
1007  </div>
1008
1009  <div id="u_content_text_105" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
1010    
1011  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 28px; font-weight: 400; color: #18275e; line-height: 140%; text-align: left; word-wrap: break-word;">
1012    <p style="line-height: 140%;">📌 BRINDA ACOMPA&Ntilde;AMIENTO SOCIOEMOCIONAL A ESTUDIANTES QUE ENFRENTAN RIESGOS.</p>
1013  </div>
1014
1015  </div>
1016
1017  <div id="u_content_text_101" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
1018    
1019  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #34495e; line-height: 140%; text-align: left; word-wrap: break-word;">
1020    <p style="line-height: 140%;">Acompa&ntilde;amos el desarrollo de competencias que permiten reconocer las emociones, asumir los riesgos del entorno y tomar decisiones con mayor conciencia.</p>
1021  </div>
1022
1023  </div>
1024
1025  <div id="u_content_text_99" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
1026    
1027  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 28px; font-weight: 400; color: #18275e; line-height: 140%; text-align: left; word-wrap: break-word;">
1028    <p style="line-height: 140%;">📌 ABRE CAMINO HACIA LA EDUCACI&Oacute;N SUPERIOR PARA J&Oacute;VENES DE BAJOS RECURSOS.</p>
1029  </div>
1030
1031  </div>
1032
1033  <div id="u_content_text_106" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
1034    
1035  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #34495e; line-height: 140%; text-align: left; word-wrap: break-word;">
1036    <p style="line-height: 140%;">Orientamos y preparamos a nuestros estudiantes para que puedan construir su proyecto de vida.</p>
1037  </div>
1038
1039  </div>
1040
1041  </div>
1042</div>
1043
1044      </div>
1045    </div>
1046  </div>
1047
1048  <div id="u_row_26" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 0px 70px;">
1049    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
1050      <div class="u-row v-row-align-items" style="align-items: center;">
1051        
1052<div id="u_column_56" class="u-col u-col-100 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1053  <div class="v-col-padding" style="width: 100%;padding:40px 0px 0px;">
1054    
1055  <div id="u_content_text_107" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 40px 40px 0px;">
1056    
1057  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 64px; font-weight: 400; color: #030921; line-height: 110%; text-align: center; word-wrap: break-word;">
1058    <p style="line-height: 110%;"><span style="color: rgb(250, 134, 11); line-height: 70.4px;">26 A&Ntilde;OS </span><span style="color: rgb(24, 39, 94); line-height: 70.4px;">DE LOGROS REALES</span></p>
1059  </div>
1060
1061  </div>
1062
1063  </div>
1064</div>
1065
1066      </div>
1067    </div>
1068  </div>
1069
1070  <div id="u_row_27" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 20px 40px 40px;">
1071    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
1072      <div class="u-row v-row-align-items" style="align-items: flex-start;">
1073        
1074<div id="u_column_57" class="u-col u-col-25 u_column v-row-align-items" style="display:flex;align-items:flex-start;border-top: 28px solid #ffffff;border-left: 28px solid #ffffff;border-right: 28px solid #ffffff;border-bottom: 28px solid #ffffff;border-radius: 0px;">
1075  <div class="v-col-padding" style="width: 100%;padding:0px 20px;">
1076    
1077  <div id="u_content_image_31" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
1078    
1079<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
1080  
1081  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/1%2025%20años.png?51" style="width: 100%;max-width: 244px;" title=""/>
1082  
1083</div>
1084
1085  </div>
1086
1087  <div id="u_content_text_108" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px 0px 10px;">
1088    
1089  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 22px; font-weight: 400; color: #18275e; line-height: 120%; text-align: left; word-wrap: break-word;">
1090    <p style="line-height: 120%;">11.923 ESTUDIANTES MATRICULADOS CON NUESTRO MODELO EDUCATIVO.</p>
1091  </div>
1092
1093  </div>
1094
1095  </div>
1096</div>
1097
1098<div id="u_column_72" class="u-col u-col-25 u_column v-row-align-items" style="display:flex;align-items:flex-start;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1099  <div class="v-col-padding" style="width: 100%;padding:0px 20px;">
1100    
1101  <div id="u_content_image_33" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
1102    
1103<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
1104  
1105  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/2%2025%20años.png?27" style="width: 88%;max-width: 264px;" title=""/>
1106  
1107</div>
1108
1109  </div>
1110
1111  <div id="u_content_text_109" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px 0px 10px;">
1112    
1113  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 23px; font-weight: 400; color: #18275e; line-height: 120%; text-align: left; word-wrap: break-word;">
1114    <p style="line-height: 120%;">88% DE ESTUDIANTES PROMOCI&Oacute;N 2024 TRANSITARON A EDUCACI&Oacute;N POSMEDIA.</p>
1115  </div>
1116
1117  </div>
1118
1119  </div>
1120</div>
1121
1122<div id="u_column_73" class="u-col u-col-25 u_column v-row-align-items" style="display:flex;align-items:flex-start;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1123  <div class="v-col-padding" style="width: 100%;padding:0px 20px;">
1124    
1125  <div id="u_content_image_32" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
1126    
1127<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
1128  
1129  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/3%2025%20años.png?44" style="width: 88%;max-width: 264px;" title=""/>
1130  
1131</div>
1132
1133  </div>
1134
1135  <div id="u_content_text_110" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px 0px 10px;">
1136    
1137  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 22px; font-weight: 400; color: #18275e; line-height: 120%; text-align: left; word-wrap: break-word;">
1138    <p style="line-height: 120%;">CASO DE &Eacute;XITO EN LA NUEVA GU&Iacute;A DE LA UNESCO SOBRE APRENDIZAJE SOCIOEMOCIONAL.</p>
1139  </div>
1140
1141  </div>
1142
1143  </div>
1144</div>
1145
1146<div id="u_column_74" class="u-col u-col-25 u_column v-row-align-items" style="display:flex;align-items:flex-start;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1147  <div class="v-col-padding" style="width: 100%;padding:0px 20px;">
1148    
1149  <div id="u_content_image_34" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
1150    
1151<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
1152  
1153  <img alt="" class="v-src-width v-src-max-width" src="https://assets.unlayer.com/projects/275818/1756410342019-Group%20132131474
1153111.png" style="width: 88%;max-width: 264px;" title=""/>
1154  
1155</div>
1156
1157  </div>
1158
1159  <div id="u_content_text_74" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px 0px 10px;">
1160    
1161  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 22px; font-weight: 400; color: #18275e; line-height: 120%; text-align: left; word-wrap: break-word;">
1162    <p style="line-height: 120%;">SOLO 0,01% DE DESERCI&Oacute;N ESCOLAR EN NUESTROS COLEGIOS.</p>
1163  </div>
1164
1165  </div>
1166
1167  </div>
1168</div>
1169
1170      </div>
1171    </div>
1172  </div>
1173
1174  <div id="u_row_28" class="u_row v-row-padding v-row-background-image--outer v-row-background-color hide-desktop hide-mobile" style="padding: 40px 70px;">
1175    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
1176      <div class="u-row v-row-align-items" style="align-items: center;">
1177        
1178<div id="u_column_60" class="u-col u-col-50 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1179  <div class="v-col-padding" style="width: 100%;padding:0px;">
1180    
1181  <div id="u_content_image_23" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
1182    
1183<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
1184  
1185  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/Group%201321314780%20(1).png?65=&w=754px" style="width: 58%;max-width: 377px;" title=""/>
1186  
1187</div>
1188
1189  </div>
1190
1191  <div id="u_content_text_103" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 70px;">
1192    
1193  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 34px; font-weight: 400; color: #34495e; line-height: 120%; text-align: center; word-wrap: break-word;">
1194    <p style="line-height: 120%;"><span style="color: rgb(250, 134, 11); line-height: 40.8px;">EL 96% DE LAS VIVIENDAS</span> <span style="color: rgb(30, 36, 71); line-height: 40.8px;">DE LAS FAMILIAS DE ALIANZA EDUCATIVA SE UBICAN EN ESTRATOS 1 Y 2.</span></p>
1195  </div>
1196
1197  </div>
1198
1199  </div>
1200</div>
1201
1202<div id="u_column_61" class="u-col u-col-50 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1203  <div class="v-col-padding" style="width: 100%;padding:0px;">
1204    
1205  <div id="u_content_text_116" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
1206    
1207  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 18px; font-weight: 400; color: #34495e; line-height: 140%; text-align: left; word-wrap: break-word;">
1208    <p style="line-height: 140%;">El nivel educativo m&aacute;s alto de la mayor&iacute;a de madres y padres en Alianza Educativa es apenas el bachillerato: 37,6% y 37,3%. </p>
1209  </div>
1210
1211  </div>
1212
1213  <div id="u_content_text_114" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 40px;">
1214    
1215  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 28px; font-weight: 400; color: #34495e; line-height: 110%; text-align: left; word-wrap: break-word;">
1216    <p style="line-height: 110%;"><strong>Muchos de nuestros estudiantes son la primera generaci&oacute;n llamada a transformar la historia de sus familias.</strong></p>
1217  </div>
1218
1219  </div>
1220
1221  <div id="u_content_button_15" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
1222    
1223<div class="v-text-align" style="text-align: left;">
1224  <a href="#afrus-container" target="_self" class="v-line-height v-font-size" style="color:#fa860b;background-color:#18275e;border-radius: 24px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:16px 40px;width:auto;max-width:100%;word-wrap:break-word;font-family: impact,chicago; font-size: 22px;">
1225    DONA AHORA
1226  </a>
1227</div>
1228
1229  </div>
1230
1231  </div>
1232</div>
1233
1234      </div>
1235    </div>
1236  </div>
1237
1238  <div id="u_row_32" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #f3f3f3; padding: 40px 70px;">
1239    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
1240      <div class="u-row v-row-align-items" style="align-items: center;">
1241        
1242<div id="u_column_76" class="u-col u-col-50 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1243  <div class="v-col-padding" style="width: 100%;padding:40px 0px 0px;">
1244    
1245  <div id="u_content_text_115" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 40px 0px 0px;">
1246    
1247  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 58px; font-weight: 400; color: #030921; line-height: 110%; text-align: left; word-wrap: break-word;">
1248    <p style="line-height: 110%;"><span style="color: rgb(24, 39, 94); line-height: 39.6px;">
1248DESDE ALIANZA EDUCATIVA, </span><br><span style="color: rgb(250, 134, 11); line-height: 39.6px;">NO SOLO EDUCAMOS EN EL AULA,&nbsp;</span></p>
1249  </div>
1250
1251  </div>
1252
1253  <div id="u_content_text_123" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 60px;">
1254    
1255  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 28px; font-weight: 700; color: #34495e; line-height: 130%; text-align: left; word-wrap: break-word;">
1256    <p style="line-height: 130%;">tambi&eacute;n acompa&ntilde;amos a las familias que est&aacute;n detr&aacute;s de cada estudiante.</p>
1257  </div>
1258
1259  </div>
1260
1261  </div>
1262</div>
1263
1264<div id="u_column_77" class="u-col u-col-50 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1265  <div class="v-col-padding" style="width: 100%;padding:0px;">
1266    
1267  <div id="u_content_html_7" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 140px;">
1268    <div><!-- CARRUSEL AUTOCONTENIDO -->
1269<div class="af-carousel" data-interval="2000" aria-roledescription="carousel" aria-label="Carrusel de imágenes">
1270  <div class="afc-viewport">
1271    <ul class="afc-track">
1272      <li class="afc-slide is-active" id="afc-slide-1" aria-hidden="false">
1273        <img src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/carrusel%201.png?90" alt="Imagen 1 carrusel">
1274      </li>
1275      <li class="afc-slide" id="afc-slide-2" aria-hidden="true">
1276        <img src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/carrusel%202.png?88" alt="Imagen 2 carrusel">
1277      </li>
1278      <li class="afc-slide" id="afc-slide-3" aria-hidden="true">
1279        <img src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/carrusel%203.png?12" alt="Imagen 3 carrusel">
1280      </li>
1281      <li class="afc-slide" id="afc-slide-4" aria-hidden="true">
1282        <img src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/carrusel%204.png?33" alt="Imagen 4 carrusel">
1283      </li>
1284    </ul>
1285  </div>
1286
1287  <div class="afc-dots" role="tablist" aria-label="Controles del carrusel">
1288    <button class="afc-dot is-active" role="tab" aria-selected="true" aria-controls="afc-slide-1" aria-label="Ir a la imagen 1"></button>
1289    <button class="afc-dot" role="tab" aria-selected="false" aria-controls="afc-slide-2" aria-label="Ir a la imagen 2"></button>
1290    <button class="afc-dot" role="tab" aria-selected="false" aria-controls="afc-slide-3" aria-label="Ir a la imagen 3"></button>
1291    <button class="afc-dot" role="tab" aria-selected="false" aria-controls="afc-slide-4" aria-label="Ir a la imagen 4"></button>
1292  </div>
1293</div>
1294
1295<style>
1296  /* ===== Estilos scoped: solo afectan al carrusel ===== */
1297  .af-carousel { position: relative; width: 100%; max-width: 100%; }
1298  .af-carousel *, .af-carousel *::before, .af-carousel *::after { box-sizing: border-box; }
1299
1300  .af-carousel .afc-viewport { overflow: hidden; width: 100%; border-radius: 12px; }
1301  .af-carousel .afc-track {
1302    display: flex;
1303    width: 100%;
1304    margin: 0; padding: 0; list-style: none;
1305    transition: transform 600ms ease;
1306    will-change: transform;
1307  }
1308  @media (prefers-reduced-motion: reduce) {
1309    .af-carousel .afc-track { transition: none; }
1310  }
1311
1312  .af-carousel .afc-slide { min-width: 100%; }
1313  .af-carousel .afc-slide img {
1314    display: block; width: 100%; height: auto; object-fit: cover;
1315  }
1316
1317  .af-carousel .afc-dots {
1318    display: flex; justify-content: center; gap: 10px;
1319    margin-top: 10px;
1320  }
1321  .af-carousel .afc-dot {
1322    width: 10px; height: 10px; border-radius: 50%;
1323    border: none; background: #cfcfcf; cursor: pointer; padding: 0;
1324  }
1325  .af-carousel .afc-dot.is-active { background: #222; }
1326  .af-carousel .afc-dot:focus-visible { outline: 2px solid #222; outline-offset: 2px; }
1327</style>
1328
1329<script>
1330(() => {
1331  // Inicializa todos los carruseles que existan en la página
1332  document.querySelectorAll('.af-carousel').forEach((root) => {
1333    const track = root.querySelector('.afc-track');
1334    const slides = Array.from(root.querySelectorAll('.afc-slide'));
1335    const dots = Array.from(root.querySelectorAll('.afc-dot'));
1336    const intervalMs = parseInt(root.getAttribute('data-interval'), 10) || 2000;
1337
1338    let index = 0;
1339    let timer = null;
1340
1341    function goTo(i) {
1342      index = (i + slides.length) % slides.length;
1343      const offset = -index * 100;
1344      track.style.transform = `translateX(${offset}%)`;
1345
1346      slides.forEach((s, j) => s.setAttribute('aria-hidden', j !== index));
1347      dots.forEach((d, j) => {
1348        d.classList.toggle('is-active', j === index);
1349        d.setAttribute('aria-selected', j === index ? 'true' : 'false');
1350      });
1351    }
1352
1353    function next() { goTo(index + 1); }
1354    function start() { stop(); timer = setInterval(next, intervalMs); }
1355    function stop()  { if (timer) clearInterval(timer); timer = null; }
1356
1357    // Dots click
1358    dots.forEach((dot, i) => dot.addEventListener('click', () => { goTo(i); start(); }));
1359
1360    // Pausa en hover y cuando la pestaña no está visible
1361    root.addEventListener('mouseenter', stop);
1362    root.addEventListener('mouseleave', start);
1363    document.addEventListener('visibilitychange', () => { document.hidden ? stop() : start(); });
1364
1365    // Asegura la posición tras redimensionar
1366    window.addEventListener('resize', () => goTo(index));
1367
1368    // Inicio
1369    goTo(0);
1370    start();
1371  });
1372})();
1373</script>
1373
1374</div>
1375  </div>
1376
1377  </div>
1378</div>
1379
1380      </div>
1381    </div>
1382  </div>
1383
1384  <div id="u_row_33" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 60px 70px;">
1385    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
1386      <div class="u-row v-row-align-items" style="align-items: center;">
1387        
1388<div id="u_column_78" class="u-col u-col-38p49 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1389  <div class="v-col-padding" style="width: 100%;padding:40px 0px 0px;">
1390    
1391  <div id="u_content_image_39" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;">
1392    
1393<div class="v-text-align" style="position:relative;line-height:0px;text-align:right">
1394  
1395  <img alt="" class="v-src-width v-src-max-width" src="https://s3.eu-central-1.amazonaws.com/afrus-public-prod/org-2941/images/templates/Familiaa.png?80" style="width: 88%;max-width: 440.33px;" title=""/>
1396  
1397</div>
1398
1399  </div>
1400
1401  </div>
1402</div>
1403
1404<div id="u_column_79" class="u-col u-col-61p51 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1405  <div class="v-col-padding" style="width: 100%;padding:0px 0px 0px 20px;">
1406    
1407  <div id="u_content_text_117" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 40px 0px 0px;">
1408    
1409  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 52px; font-weight: 400; color: #18275e; line-height: 110%; text-align: left; word-wrap: break-word;">
1410    <p style="line-height: 110%;">PORQUE SABEMOS QUE CUANDO UNA FAMILIA EST&Aacute; ACOMPA&Ntilde;ADA, CADA ESTUDIANTE APRENDE MEJOR Y SUE&Ntilde;A M&Aacute;S ALTO.</p>
1411  </div>
1412
1413  </div>
1414
1415  </div>
1416</div>
1417
1418      </div>
1419    </div>
1420  </div>
1421
1422  <div id="u_row_35" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 60px 0px 0px;">
1423    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
1424      <div class="u-row v-row-align-items">
1425        
1426<div id="u_column_82" class="u-col u-col-100 u_column v-row-align-items" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1427  <div class="v-col-padding" style="width: 100%;padding:0px;">
1428    
1429  <div id="u_content_text_122" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 40px 0px 0px;">
1430    
1431  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: impact,chicago; font-size: 52px; font-weight: 400; color: #18275e; line-height: 110%; text-align: center; word-wrap: break-word;">
1432    <p style="line-height: 110%;">PREGUNTAS FRECUENTES</p>
1433  </div>
1434
1435  </div>
1436
1437  <div id="u_content_html_9" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 40px 70px 80px;">
1438    <div><!-- FAQ ACORDEÓN – MOBILE-FIRST, HELVETICA, SCOPEADO -->
1439<section class="af-faq" data-single-open="true" aria-label="Preguntas frecuentes">
1440  <div class="af-faq-item">
1441    <h3 class="af-faq-header">
1442      <button class="af-faq-trigger" aria-expanded="false" aria-controls="faq-panel-1" id="faq-trigger-1">
1443        ¿Cómo se utiliza mi donación?
1444        <span class="af-faq-icon" aria-hidden="true"></span>
1445      </button>
1446    </h3>
1447    <div id="faq-panel-1" class="af-faq-panel" role="region" aria-labelledby="faq-trigger-1">
1448      <div class="af-faq-panel-inner">
1449        Tu aporte se invierte directamente en programas educativos, acompañamiento socioemocional, formación docente y recursos pedagógicos que impactan la vida de miles de estudiantes en nuestros colegios.
1450      </div>
1451    </div>
1452  </div>
1453
1454  <div class="af-faq-item">
1455    <h3 class="af-faq-header">
1456      <button class="af-faq-trigger" aria-expanded="false" aria-controls="faq-panel-2" id="faq-trigger-2">
1457        ¿Puedo modificar o cancelar mi colaboración en cualquier momento?
1458        <span class="af-faq-icon" aria-hidden="true"></span>
1459      </button>
1460    </h3>
1461    <div id="faq-panel-2" class="af-faq-panel" role="region" aria-labelledby="faq-trigger-2">
1462      <div class="af-faq-panel-inner">
1463        Sí. Puedes cambiar el monto, la frecuencia o cancelar tu donación en el momento que desees, de manera sencilla y sin condiciones.
1464      </div>
1465    </div>
1466  </div>
1467
1468  <div class="af-faq-item">
1469    <h3 class="af-faq-header">
1470      <button class="af-faq-trigger" aria-expanded="false" aria-controls="faq-panel-3" id="faq-trigger-3">
1471        ¿Cómo puedo hacer una donación?
1472        <span class="af-faq-icon" aria-hidden="true"></span>
1473      </button>
1474    </h3>
1475    <div id="faq-panel-3" class="af-faq-panel" role="region" aria-labelledby="faq-trigger-3">
1476      <div class="af-faq-panel-inner">
1477        Solo debes hacer clic en el botón de donar, elegir el monto y el medio de pago. Es rápido, seguro y puedes hacerlo desde cualquier lugar.
1478      </div>
1479    </div>
1480  </div>
1481
1482  <div class="af-faq-item">
1483    <h3 class="af-faq-header">
1484      <button class="af-faq-trigger" aria-expanded="false" aria-controls="faq-panel-4" id="faq-trigger-4">
1485        ¿Cómo puedo involucrarme más con la organización?
1486        <span class="af-faq-icon" aria-hidden="true"></span>
1487      </button>
1488    </h3>
1489    <div id="faq-panel-4" class="af-faq-panel" role="region" aria-labelledby="faq-trigger-4">
1490      <div class="af-faq-panel-inner">
1491        Puedes convertirte en donante recurrente, compartir nuestra causa, participar como aliado institucional o escribirnos directamente si deseas colaborar de otras formas.
1492      </div>
1493    </div>
1494  </div>
1495
1496  <div class="af-faq-item">
1497    <h3 class="af-faq-header">
1498      <button class="af-faq-trigger" aria-expanded="false" aria-controls="faq-panel-5" id="faq-trigger-5">
1499        ¿Mi donación es segura?
1500        <span class="af-faq-icon" aria-hidden="true"></span>
1501      </button>
1502    </h3>
1503    <div id="faq-panel-5" class="af-faq-panel" role="region" aria-labelledby="faq-trigger-5">
1504      <div class="af-faq-panel-inner">
1505        Sí. Usamos plataformas de pago certificadas y todos los procesos están respaldados por medidas de seguridad y transparencia.
1506      </div>
1507    </div>
1508  </div>
1509  
1510  <div class="af-faq-item">
1511    <h3 class="af-faq-header">
1512      <button class="af-faq-trigger" aria-expanded="false" aria-controls="faq-panel-6" id="faq-trigger-6">
1513        ¿Mi donación tiene beneficios tributarios?
1514        <span class="af-faq-icon" aria-hidden="true"></span>
1515      </button>
1516    </h3>
1517    <div id="faq-panel-6" class="af-faq-panel" role="region" aria-labelledby="faq-trigger-6">
1518      <div class="af-faq-panel-inner">
1519        Sí. Con tu donación, Alianza Educativa expide un certificado que puedes aplicar en tu declaración de renta en los términos del estatuto tributario. Los certificados se generan mensualmente con base en las donaciones recibidas y se envían al correo registrado por cada donante. Si no lo recibes al finalizar el mes siguiente a tu donación, escríbenos a [email protected] y te lo remitiremos.
1520      </div>
1521    </div>
1522  </div>
1523
1524  <div class="af-faq-item">
1525    <h3 class="af-faq-header">
1526      <button class="af-faq-trigger" aria-expanded="false" aria-controls="faq-panel-7" id="faq-trigger-7">
1527        ¿Qué ajustes de seguridad debo revisar en mi tarjeta de crédito o en PSE para que mi donación sea exitosa?
1528        <span class="af-faq-icon" aria-hidden="true"></span>
1529      </button>
1530    </h3>
1531    <div id="faq-panel-7" class="af-faq-panel" role="region" aria-labelledby="faq-trigger-7">
1532      <div class="af-faq-panel-inner">
1533        Antes de realizar tu donación, verifica con tu banco que tengas habilitado el monto máximo y el número de transacciones permitidas para pagos en línea. Algunas entidades financieras bloquean transacciones superiores a ciertos valores o con plataformas nuevas. Ajustar estos límites te ayudará a asegurar que tu donación se procese sin inconvenientes.
1534      </div>
1535    </div>
1536  </div>
1537
1538</section>
1539
1540<style>
1541  /* ===== Scope TOTAL: solo afecta a .af-faq ===== */
1542  .af-faq{ 
1543    --af-faq-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
1544    --af-faq-text:#1e1e1e; 
1545    --af-faq-muted:#6c6c6c; 
1546    --af-faq-border:#e6e6e6; 
1547    --af-faq-radius:12px;
1548    width:100%;max-width:100%;
1549    font-family:var(--af-faq-font);
1550  }
1551  .af-faq *, .af-faq *::before, .af-faq *::after{ box-sizing:border-box; font-family:inherit; }
1552
1553  .af-faq-item{ border-top:1px solid var(--af-faq-border); background:transparent; }
1554  .af-faq-item:last-child{ border-bottom:1px solid var(--af-faq-border); }
1555  .af-faq-header{ margin:0; }
1556
1557  .af-faq-trigger{
1558    width:100%; background:transparent; border:0;
1559    text-align:left; padding:16px 48px 16px 0;
1560    font:inherit; font-size:clamp(1rem,2.8vw,1.125rem);
1561    line-height:1.35; color:var(--af-faq-text);
1562    cursor:pointer; position:relative;
1563    -webkit-tap-highlight-color:transparent; touch-action:manipulation;
1564  }
1565  .af-faq-trigger:focus-visible{
1566    outline:2px solid var(--af-faq-text); outline-offset:2px; border-radius:8px;
1567  }
1568
1569  /* Icono chevron */
1570  .af-faq-icon{ position:absolute; right:8px; top:50%; width:24px; height:24px; transform:translateY(-50%); }
1571  .af-faq-icon::before{
1572    content:""; position:absolute; inset:0; margin:auto; width:12px; height:12px;
1573    border-right:2px solid var(--af-faq-muted); border-bottom:2px solid var(--af-faq-muted);
1574    transform:rotate(-45deg); transition:transform 220ms ease;
1575  }
1576  .af-faq-trigger[aria-expanded="true"] .af-faq-icon::before{ transform:rotate(45deg); }
1577
1578  /* Panel animado mobile-first */
1579  .af-faq-panel{ overflow:hidden; max-height:0; opacity:0; transition:max-height 300ms ease, opacity 200ms ease; will-change:max-height; }
1580  .af-faq-panel.is-open{ opacity:1; }
1581  .af-faq-panel-inner{
1582    padding:0 0 14px 0; color:#3b3b3b; font-size:clamp(0.95rem,2.5vw,1rem); line-height:1.55;
1583    word-wrap:break-word; overflow-wrap:anywhere;
1584  }
1585
1586  /* Ajustes móviles */
1587  @media (max-width:480px){
1588    .af-faq-trigger{ padding:14px 44px 14px 0; }
1589    .af-faq-icon{ right:4px; width:26px; height:26px; }
1590    .af-faq-panel-inner{ padding-bottom:12px; }
1591  }
1592
1593  @media (prefers-reduced-motion:reduce){
1594    .af-faq-panel{ transition:none; }
1595    .af-faq-icon::before{ transition:none; }
1596  }
1597</style>
1598
1599<script>
1600(() => {
1601  // Inicializa TODOS los acordeones .af-faq en la página
1602  document.querySelectorAll('.af-faq').forEach((root) => {
1603    const triggers = Array.from(root.querySelectorAll('.af-faq-trigger'));
1604    const panels   = Array.from(root.querySelectorAll('.af-faq-panel'));
1605    const singleOpen = root.dataset.singleOpen !== 'false'; // true por defecto
1606
1607    function setPanelState(trigger, panel, open){
1608      trigger.setAttribute('aria-expanded', String(open));
1609      panel.classList.toggle('is-open', open);
1610      panel.style.maxHeight = open ? panel.scrollHeight + 'px' : '0px';
1611    }
1612    function closeAllExcept(except){
1613      if(!singleOpen) return;
1614      panels.forEach((p) => {
1615        if(p !== except){
1616          const t = root.querySelector('[aria-controls="'+p.id+'"]');
1617          setPanelState(t, p, false);
1618        }
1619      });
1620    }
1621
1622    // Estado inicial
1623    panels.forEach((panel, i) => setPanelState(triggers[i], panel, false));
1624
1625    // Interacciones
1626    triggers.forEach((trigger) => {
1627      const panel = root.querySelector('#' + trigger.getAttribute('aria-controls'));
1628
1629      trigger.addEventListener('click', () => {
1630        const isOpen = trigger.getAttribute('aria-expanded') === 'true';
1631        closeAllExcept(isOpen ? null : panel);
1632        setPanelState(trigger, panel, !isOpen);
1633      });
1634
1635      // Accesibilidad teclado
1636      trigger.addEventListener('keydown', (e) => {
1637        const idx = triggers.indexOf(trigger);
1638        if(e.key === 'ArrowDown'){ e.preventDefault(); (triggers[idx+1] || triggers[0]).focus(); }
1639        if(e.key === 'ArrowUp'){ e.preventDefault(); (triggers[idx-1] || triggers[triggers.length-1]).focus(); }
1640        if(e.key === 'Home'){ e.preventDefault(); triggers[0].focus(); }
1641        if(e.key === 'End'){ e.preventDefault(); triggers[triggers.length-1].focus(); }
1642        if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); trigger.click(); }
1643      });
1644
1645      // Ajuste de altura si cambia el contenido o el viewport
1646      const observed = panel.firstElementChild || panel;
1647      const ro = new ResizeObserver(() => {
1648        if(trigger.getAttribute('aria-expanded') === 'true'){
1649          panel.style.maxHeight = observed.scrollHeight + 'px';
1650        }
1651      });
1652      ro.observe(observed);
1653      window.addEventListener('resize', () => {
1654        if(trigger.getAttribute('aria-expanded') === 'true'){
1655          panel.style.maxHeight = observed.scrollHeight + 'px';
1656        }
1657      }, { passive:true });
1658    });
1659  });
1660})();
1661</script>
1661
1662</div>
1663  </div>
1664
1665  </div>
1666</div>
1667
1668      </div>
1669    </div>
1670  </div>
1671
1672  <div id="u_row_5" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #1b1b1b; padding: 48px 24px 10px;">
1673    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
1674      <div class="u-row v-row-align-items" style="align-items: center;">
1675        
1676<div id="u_column_8" class="u-col u-col-40p72 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1677  <div class="v-col-padding" style="width: 100%;padding:10px 0px 0px;">
1678    
1679  <div id="u_content_image_6" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 10px 70px;">
1680    
1681<div class="v-text-align" style="position:relative;line-height:0px;text-align:center">
1682  
1683  <img alt="" class="v-src-width v-src-max-width" src="https://assets.unlayer.com/projects/275818/1773258464540-logo%20en%20blanco%20para%20landing.png?w=759.44px" style="width: 78%;max-width: 379.72px;" title=""/>
1684  
1685</div>
1686
1687  </div>
1688
1689  <div id="u_content_social_1" class="u_content_social v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 10px 70px;">
1690    <div style="text-align:center;line-height:0px;direction:ltr" aria-label="social"><a href="https://www.facebook.com/AlianzaEducativaOficial/" target="_blank" aria-label="Facebook icon" style="display:inline-block;width:42px;height:42px;margin-right:7px"><img alt="Facebook icon" src="https://cdn.tools.unlayer.com/social/icons/circle-white/facebook.png" width="42" height="42"/></a><a href="https://www.instagram.com/alianzaeducativa/" target="_blank" aria-label="Instagram icon" style="display:inline-block;width:42px;height:42px;margin-right:7px"><img alt="Instagram icon" src="https://cdn.tools.unlayer.com/social/icons/circle-white/instagram.png" width="42" height="42"/></a><a href="https://twitter.com/AAE_Colombia" target="_blank" aria-label="X icon" style="display:inline-block;width:42px;height:42px;margin-right:7px"><img alt="X icon" src="https://cdn.tools.unlayer.com/social/icons/circle-white/x.png" width="42" height="42"/></a><a href="https://www.youtube.com/channel/UCTCwDZTeiKAo6gIUC-Ng1Og?view_as=subscriber" target="_blank" aria-label="YouTube icon" style="display:inline-block;width:42px;height:42px;margin-right:7px"><img alt="YouTube icon" src="https://cdn.tools.unlayer.com/social/icons/circle-white/youtube.png" width="42" height="42"/></a><a href="https://www.linkedin.com/company/adminalianza/" target="_blank" aria-label="LinkedIn icon" style="display:inline-block;width:42px;height:42px;margin-right:0px"><img alt="LinkedIn icon" src="https://cdn.tools.unlayer.com/social/icons/circle-white/linkedin.png" width="42" height="42"/></a></div>
1691  </div>
1692
1693  </div>
1694</div>
1695
1696<div id="u_column_9" class="u-col u-col-19p41 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1697  <div class="v-col-padding" style="width: 100%;padding:0px;">
1698    
1699  </div>
1700</div>
1701
1702<div id="u_column_10" class="u-col u-col-39p87 u_column v-row-align-items" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1703  <div class="v-col-padding" style="width: 100%;padding:0px;">
1704    
1705  <div id="u_content_heading_1" class="u_content_heading v-container-padding-padding" style="overflow-wrap: break-word;padding: 89px 10px 10px;">
1706    
1707  <h4 class="v-color v-text-align v-line-height v-font-size" style="margin: 0px; color: #ffffff; line-height: 140%; text-align: left; word-wrap: break-word; font-family: impact,chicago; font-size: 30px; font-weight: 400;"><span></span>CONT&Aacute;CTENOS</h4>
1708
1709  </div>
1710
1711  <div id="u_content_text_104" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 60px;">
1712    
1713  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 28px; font-weight: 700; color: #ecf0f1; line-height: 170%; text-align: left; word-wrap: break-word;">
1714    <p style="line-height: 170%;">PBX: (601) 745 2016</p>
1715<p style="line-height: 170%;"><span style="color: rgb(255, 255, 255); line-height: 47.6px;"><a rel="noopener" href="mailto:[email protected]" target="_blank" style="color: rgb(255, 255, 255);">[email protected]</a></span></p>
1716<p style="line-height: 170%;">
1716Calle 16 No. 6-66 Torre 1 &ndash; Piso 9 &middot; Bogot&aacute;</p>
1717  </div>
1718
1719  </div>
1720
1721  </div>
1722</div>
1723
1724      </div>
1725    </div>
1726  </div>
1727
1728  <div id="u_row_37" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #1b1b1b; padding: 0px 0px 40px;">
1729    <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1440px;margin: 0 auto;">
1730      <div class="u-row v-row-align-items">
1731        
1732<div id="u_column_84" class="u-col u-col-100 u_column v-row-align-items" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
1733  <div class="v-col-padding" style="width: 100%;padding:0px;">
1734    
1735  <div id="u_content_text_124" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
1736    
1737  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 28px; font-weight: 400; color: #ecf0f1; line-height: 170%; text-align: center; word-wrap: break-word;">
1738    <p style="line-height: 170%;"><span style="color: rgb(255, 255, 255); line-height: 47.6px;"><a rel="noopener" href="https://drive.google.com/file/d/1aDunP2o-UzdCw5ljnHIZJVsOzuNmAjfK/view" target="_blank" style="color: rgb(255, 255, 255);">Pol&iacute;tica de privacidad</a> <span style="color: rgb(206, 212, 217); line-height: 47.6px;">|</span> <a rel="noopener" href="https://alianzaeducativa.edu.co/wp-content/uploads/2025/10/20250918_POLITICA_GESTION_DONACIONES.pdf" target="_blank" style="color: rgb(255, 255, 255);">T&eacute;rminos y condiciones</a></span></p>
1739  </div>
1740
1741  </div>
1742
1743  <div id="u_content_divider_6" class="u_content_divider v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
1744    <div style="text-align:center;line-height:0" aria-label="divider"><div style="border-top-width:1px;border-top-style:solid;border-top-color:#344054;width:100%;display:inline-block;line-height:1px;height:0px;vertical-align:middle"> </div></div>
1745  </div>
1746
1747  <div id="u_content_text_125" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;">
1748    
1749  <div class="v-color v-text-align v-line-height v-font-size" style="font-family: helvetica,sans-serif; font-size: 28px; font-weight: 400; color: #ecf0f1; line-height: 170%; text-align: center; word-wrap: break-word;">
1750    <p style="line-height: 170%;">&copy; 2022 Alianza Educativa &ndash; Todos los derechos reservados &ndash; Pol&iacute;tica de Cookies</p>
1751  </div>
1752
1753  </div>
1754
1755  </div>
1756</div>
1757
1758      </div>
1759    </div>
1760  </div>
1761
1762  </div>
1763
1764  
1765              
1765<script>
1766(() => {
1767  // Inicializa todos los carruseles que existan en la página
1768  document.querySelectorAll('.af-carousel').forEach((root) => {
1769    const track = root.querySelector('.afc-track');
1770    const slides = Array.from(root.querySelectorAll('.afc-slide'));
1771    const dots = Array.from(root.querySelectorAll('.afc-dot'));
1772    const intervalMs = parseInt(root.getAttribute('data-interval'), 10) || 2000;
1773
1774    let index = 0;
1775    let timer = null;
1776
1777    function goTo(i) {
1778      index = (i + slides.length) % slides.length;
1779      const offset = -index * 100;
1780      track.style.transform = `translateX(${offset}%)`;
1781
1782      slides.forEach((s, j) => s.setAttribute('aria-hidden', j !== index));
1783      dots.forEach((d, j) => {
1784        d.classList.toggle('is-active', j === index);
1785        d.setAttribute('aria-selected', j === index ? 'true' : 'false');
1786      });
1787    }
1788
1789    function next() { goTo(index + 1); }
1790    function start() { stop(); timer = setInterval(next, intervalMs); }
1791    function stop()  { if (timer) clearInterval(timer); timer = null; }
1792
1793    // Dots click
1794    dots.forEach((dot, i) => dot.addEventListener('click', () => { goTo(i); start(); }));
1795
1796    // Pausa en hover y cuando la pestaña no está visible
1797    root.addEventListener('mouseenter', stop);
1798    root.addEventListener('mouseleave', start);
1799    document.addEventListener('visibilitychange', () => { document.hidden ? stop() : start(); });
1800
1801    // Asegura la posición tras redimensionar
1802    window.addEventListener('resize', () => goTo(index));
1803
1804    // Inicio
1805    goTo(0);
1806    start();
1807  });
1808})();
1809</script>
1809
1810              
1810<script>
1811(() => {
1812  // Inicializa TODOS los acordeones .af-faq en la página
1813  document.querySelectorAll('.af-faq').forEach((root) => {
1814    const triggers = Array.from(root.querySelectorAll('.af-faq-trigger'));
1815    const panels   = Array.from(root.querySelectorAll('.af-faq-panel'));
1816    const singleOpen = root.dataset.singleOpen !== 'false'; // true por defecto
1817
1818    function setPanelState(trigger, panel, open){
1819      trigger.setAttribute('aria-expanded', String(open));
1820      panel.classList.toggle('is-open', open);
1821      panel.style.maxHeight = open ? panel.scrollHeight + 'px' : '0px';
1822    }
1823    function closeAllExcept(except){
1824      if(!singleOpen) return;
1825      panels.forEach((p) => {
1826        if(p !== except){
1827          const t = root.querySelector('[aria-controls="'+p.id+'"]');
1828          setPanelState(t, p, false);
1829        }
1830      });
1831    }
1832
1833    // Estado inicial
1834    panels.forEach((panel, i) => setPanelState(triggers[i], panel, false));
1835
1836    // Interacciones
1837    triggers.forEach((trigger) => {
1838      const panel = root.querySelector('#' + trigger.getAttribute('aria-controls'));
1839
1840      trigger.addEventListener('click', () => {
1841        const isOpen = trigger.getAttribute('aria-expanded') === 'true';
1842        closeAllExcept(isOpen ? null : panel);
1843        setPanelState(trigger, panel, !isOpen);
1844      });
1845
1846      // Accesibilidad teclado
1847      trigger.addEventListener('keydown', (e) => {
1848        const idx = triggers.indexOf(trigger);
1849        if(e.key === 'ArrowDown'){ e.preventDefault(); (triggers[idx+1] || triggers[0]).focus(); }
1850        if(e.key === 'ArrowUp'){ e.preventDefault(); (triggers[idx-1] || triggers[triggers.length-1]).focus(); }
1851        if(e.key === 'Home'){ e.preventDefault(); triggers[0].focus(); }
1852        if(e.key === 'End'){ e.preventDefault(); triggers[triggers.length-1].focus(); }
1853        if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); trigger.click(); }
1854      });
1855
1856      // Ajuste de altura si cambia el contenido o el viewport
1857      const observed = panel.firstElementChild || panel;
1858      const ro = new ResizeObserver(() => {
1859        if(trigger.getAttribute('aria-expanded') === 'true'){
1860          panel.style.maxHeight = observed.scrollHeight + 'px';
1861        }
1862      });
1863      ro.observe(observed);
1864      window.addEventListener('resize', () => {
1865        if(trigger.getAttribute('aria-expanded') === 'true'){
1866          panel.style.maxHeight = observed.scrollHeight + 'px';
1867        }
1868      }, { passive:true });
1869    });
1870  });
1871})();
1872</script>
1872
1873              
1874              
1875          </body>
1876          </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.