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;">¿CÓMO PUEDE UN NIÑ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ÑOS</span><br><span style="color: rgb(24, 39, 94); line-height: 26.4px;">NO ESTÁN APRENDIENDO LO BÁ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ñ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ón lectora, pensamiento matemático ni competencias socioemocionales, estos niños crecen con barreras invisibles que frenan sus sueñ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ón pública exigente, cercana y que acompaña el corazó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ón seguiremos transformando vidas a travé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ón pública exigente, cercana y que acompaña el corazó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ón seguiremos transformando vidas a travé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ógicos y formació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ón de proyectos de vida: </strong><span style="color: rgb(255, 255, 255); line-height: 25.2px;">que permitan a niños y niñas descubrir sus intereses y alcanzar su má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ÓN DRAMÁTICA.<br>EL EMBUDO DE LA EDUCACIÓ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;">¡94 NIÑ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ÁS DE ESTA CIFRA HAY MILES DE HISTORIAS INTERRUMPIDAS, SUEÑ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ón escolar es una emergencia silenciosa que exige atenció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ó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ásicas en matemá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á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á asociado a la falta de educació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óvenes que se gradúan transitan de inmediato a la educació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ños y niñ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ños, nace Alianza Educativa como una asociación de cuatro instituciones lí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ás adelante el Gimnasio la Montaña (gestor desde 2017)</strong>, que se unieron con una visión clara: ofrecer oportunidades reales a niños, niñas y jóvenes, y formar personas í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ía de Educación Distrital de Bogotá y su apuesta por el modelo de colegios en administración, hoy Alianza Educativa administra 11 colegios oficiales de la ciudad con un propósito firme: aportar a fortalecer la calidad de la educación pública, a través de una apuesta que transforma vidas 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ás. En Alianza Educativa acompañamos a más de 11.000 estudiantes en 11 colegios oficiales con un modelo que une aprendizajes acadé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ón ampliar el alcance y llevar estrategias educativas transformadoras a más estudiantes, más familias y más comunidades. <strong>Cada donación abre caminos donde antes no los había. ¿Nos ayudas a construir el pró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ÓN LECTORA Y MATEMÁ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ñanza y el aprendizaje de las habilidades de la lectura y escritura desde los primeros añ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Ñ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ñ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ÓN SUPERIOR PARA JÓ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Ñ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ÓN 2024 TRANSITARON A EDUCACIÓ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 ÉXITO EN LA NUEVA GUÍ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Ó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ás alto de la mayorí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ó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, </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én acompañamos a las familias que están detrá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Á ACOMPAÑADA, CADA ESTUDIANTE APRENDE MEJOR Y SUEÑA MÁ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Á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 – Piso 9 · Bogotá</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í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é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%;">© 2022 Alianza Educativa – Todos los derechos reservados – Polí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.