PageSourceSearch

https://afore.suramexico.com/afore/

html suramexico.com collected 2026-10-01 16:01:35 UTC 86,259 bytes, 1,169 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6    <link rel="preload" href="/afore/fonts/SuraSans-Negrita.woff" as="font" type="font/woff" crossorigin>
7    <link rel="preload" href="/afore/fonts/SuraSans-Negrita.woff2" as="font" type="font/woff2" crossorigin>
8    <link rel="preload" href="/afore/fonts/SuraSans-Ligera.woff" as="font" type="font/woff" crossorigin>
9    <link rel="preload" href="/afore/fonts/SuraSans-Ligera.woff2" as="font" type="font/woff2" crossorigin>
10    <link rel="preload" href="/afore/fonts/SuraSans-Seminegrita.woff" as="font" type="font/woff" crossorigin>
11    <link rel="preload" href="/afore/fonts/SuraSans-Seminegrita.woff2" as="font" type="font/woff2" crossorigin>
12    <link rel="preload" href="/afore/fonts/SuraSans-Regular.woff" as="font" type="font/woff" crossorigin>
13    <link rel="preload" href="/afore/fonts/SuraSans-Regular.woff2" as="font" type="font/woff2" crossorigin>
14    <link rel="preload" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" as="style">
15    <link rel="preload" href="/afore/css/global.css" as="style">
16    <link rel="preload" href="/afore/css/home.css" as="style">
17    <link rel="preload" href="/afore/js/functions.js" as="script">
18    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" as="script">
19    <link rel="preload" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" as="script">
20    <link rel="preload" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" as="script">
21    <!-- Google Tag Manager-->
22    
22<script>
vendor: 363 bytes, lines 22-27
22
23      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
24      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
25      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
26      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
27      })(window,document,'script','dataLayer','
27GTM-KPN86Q3
vendor: 9 bytes, lines 27-28
27');
28    
28</script>
28
29    <!-- End Google Tag Manager-->
30    <title>Tu ahorro para el retiro | Afore SURA México</title>
31    <meta name="description" content="Conoce todo sobre tu Afore y construye un mejor retiro. Registra tu cuenta, consulta tu saldo al día y haz Ahorro Voluntario.">
32    <meta property="og:site_name" content="Afore SURA México">
33    <meta property="og:url" content="https://afore.suramexico.com/afore/"/>
34    <link rel="canonical" href="https://afore.suramexico.com/afore/"/>
35    <!-- Etiquetas para Social Media-->
36    <meta property="og:title" content="Tu ahorro para el retiro">
37    <meta property="og:description" content="Conoce todo sobre tu Afore y construye un mejor retiro. Registra tu cuenta, consulta tu saldo al día y haz Ahorro Voluntario.">
38    <meta property="og:type" content="website">
39    <meta property="og:image" content="/afore/images/portadas/aforesuramx1.webp">
40    <meta property="og:image:type" content="image/jpg">
41    <meta property="og:image:width" content="1280">
42    <meta property="og:image:height" content="720">
43    <meta name="twitter:site" content="@aforesuramx">
44    <meta name="twitter:image" content="/afore/images/portadas/aforesuramx1.webp">
45    <meta name="author" content="AGENCIA EON SA DE CV">
46    <meta name="generator" content="AforeSURAMX v3.7">
47    <meta name="copyright" content="">
48    <!-- Arreglo de Favicons-->
49    <link rel="shortcut icon" href="/afore/favicon.ico" type="image/x-icon">
50    <link rel="icon" href="/afore/favicon.ico" type="image/x-icon">
51    <link rel="apple-touch-icon" sizes="57x57" href="/afore/images/favicon/apple-icon-57x57.png">
52    <link rel="apple-touch-icon" sizes="60x60" href="/afore/images/favicon/apple-icon-60x60.png">
53    <link rel="apple-touch-icon" sizes="72x72" href="/afore/images/favicon/apple-icon-72x72.png">
54    <link rel="apple-touch-icon" sizes="76x76" href="/afore/images/favicon/apple-icon-76x76.png">
55    <link rel="apple-touch-icon" sizes="114x114" href="/afore/images/favicon/apple-icon-114x114.png">
56    <link rel="apple-touch-icon" sizes="120x120" href="/afore/images/favicon/apple-icon-120x120.png">
57    <link rel="apple-touch-icon" sizes="144x144" href="/afore/images/favicon/apple-icon-144x144.png">
58    <link rel="apple-touch-icon" sizes="152x152" href="/afore/images/favicon/apple-icon-152x152.png">
59    <link rel="apple-touch-icon" sizes="180x180" href="/afore/images/favicon/apple-icon-180x180.png">
60    <link rel="icon" type="image/png" sizes="192x192" href="/afore/images/favicon/android-icon-192x192.png">
61    <link rel="icon" type="image/png" sizes="32x32" href="/afore/images/favicon/favicon-32x32.png">
62    <link rel="icon" type="image/png" sizes="96x96" href="/afore/images/favicon/favicon-96x96.png">
63    <link rel="icon" type="image/png" sizes="16x16" href="/afore/images/favicon/favicon-16x16.png">
64    <!-- Apariencia en el navegador-->
65    <meta name="msapplication-navbutton-color" content="#003320">
66    <meta name="apple-mobile-web-app-capable" content="yes">
67    <meta name="apple-mobile-web-app-status-bar-style" content="green">
68    <meta name="msapplication-TileColor" content="green">
69    <meta name="msapplication-TileImage" content="/afore/images/favicon/ms-icon-144x144.png">
70    <meta name="theme-color" content="#00aec7">
71    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" defer async>
72    <link rel="stylesheet" href="/afore/css/global.css?v=202609181619">
73    <link rel="stylesheet" href="/afore/readabler/css/readabler.css?v=202609181619">
74    
74<script src="/afore/js/functions.js"></script>
74
75    <meta name="robots" content="index"/>
76    <!-- No cache info-->
77    <link rel="alternate" hreflang="es" href="https://afore.suramexico.com/afore/" title="Español (MX)">
78    <link rel="stylesheet" href="/afore/css/home.css?v=202609181619">
79    <meta name="facebook-domain-verification" content="jua2gdvlsx62flh7mtpd5lly329gmo">
80    
80<script type="application/ld+json">
81      {
82      	"@context": "http://schema.org",
83      	"@graph": [
84      		{
85      			"@type": "Organization",
86      			"@id": "afore.suramexico.com",
87      			"name": "Afore SURA",
88      			"address": {
89      				"@type": "PostalAddress",
90      				"streetAddress": "Paseo de la Reforma 222 piso 4 Col. Juárez, Del. Cuauhtémoc",
91      				"addressLocality": "Ciudad de México",
92      				"addressRegion": "Ciudad de México",
93      				"postalCode": "06600 ",
94      				"addressCountry": "MX"
95      			},
96      			"geo": {
97      				"@type": "GeoCoordinates",
98      				"latitude": "19.429127132293832",
99      				"longitude": "-99.1620780908129"
100      			},
101      			"telephone": "4433 10 8192",
102      			"url": "https://afore.suramexico.com/afore/",
103      			"description": "Conoce todo sobre tu Afore y construye un mejor retiro. Registra tu cuenta, consulta tu saldo al día y haz Ahorro Voluntario.",
104      			"logo": {
105      				"@type": "ImageObject",
106      				"url": "https://afore.suramexico.com/afore/images/sura-logo.jpg"
107      			}
108      		}
109      	]
110      }
111    </script>
111
112  </head>
113  <body>
114    <!-- Etiquedas después del Body-->
115    <!-- Google Tag Manager (noscript)-->
vendor: 81 bytes, lines 115-117
115
116    <noscript>
117      <iframe src="https://www.googletagmanager.com/ns.html?id=
117GTM-KPN86Q3
vendor: 94 bytes, lines 117-119
117" height="0" width="0" style="display:none;visibility:hidden"></iframe>
118    </noscript>
119    
119<!-- End Google Tag Manager (noscript)-->
120    <div id="fb-root"></div>
121    
121<script async defer crossorigin="anonymous" src="https://connect.facebook.net/es_LA/sdk.js#xfbml=1&amp;version=v7.0&amp;appId=186529722173287&amp;autoLogAppEvents=1" nonce="RhqOHcqb"></script>
121
122    <div class="sticky-top bg-white">
123      <div class="collapse" id="otrosNegociosCollapse">
124        <div class="container px-md-0">
125          <div class="row py-5">
126            <div class="col-12 col-sm-6">
127              <h3 class="text-uppercase">Estás en Afore SURA México</h3>
128              <div class="hr mb-4"></div>
129              <ul class="no-list">
130                <li><a class="cyan" href="https://www.suramexico.com/home/" target="_blank" rel="noopener noreferrer"><i class="mdi mdi-open-in-new"></i> Conoce SURA México</a></li>
131                <li><a class="cyan" href="https://www.suraim.com.mx/" target="_blank" rel="noopener noreferrer"><i class="mdi mdi-open-in-new"></i> Investment Managment México</a></li>
132                <li><a class="cyan" href="https://inversiones.suramexico.com/inversiones/" target="_blank" rel="noopener noreferrer"><i class="mdi mdi-open-in-new"></i> Inversiones SURA México</a></li>
133                <li><a class="cyan" href="https://www.segurossura.com.mx/" target="_blank" rel="noopener noreferrer"><i class="mdi mdi-open-in-new"></i> Seguros SURA México</a></li>
134              </ul>
135            </div>
136            <div class="col-12 col-sm-6">
137              <h3 class="text-uppercase">Conoce más de SURA</h3>
138              <div class="hr mb-4"></div>
139              <ul class="no-list">
140                <li><a class="cyan" href="https://sura-am.com/" target="_blank" rel="noopener noreferrer"><i class="mdi mdi-open-in-new"></i> SURA Asset Management Corporativo</a></li>
141                <li><a class="cyan" href="https://www.fundacionsura.com/" target="_blank" rel="noopener noreferrer"><i class="mdi mdi-open-in-new"></i> Fundación SURA</a></li>
142                <li><a class="cyan" href="https://www.sura.com/arteycultura/" target="_blank" rel="noopener noreferrer"><i class="mdi mdi-open-in-new"></i> Portal de Arte y Cultura</a></li>
143              </ul>
144            </div>
145          </div>
146        </div>
147      </div>
148      <nav class="bg-gray-50 navbar navbar-expand-lg navbar-light py-1 py-sm-1 pre-menu px-1" id="preMenu">
149        <div class="container px-md-0">
150          <div class="mr-auto"><a class="navbar-brand mt-y mt-md-0 hide-desktop hide-tablet" href="/afore/"><img src="/afore/images/logo-afore-sura-mexico.svg" title="Afore SURA México" alt="Afore SURA México" width="103" height="30"></a></div>
151          <div class="ml-auto text-center text-sm-right hide-phone" id="idSubMenu_01"><a class="btn btn-link btn-sm py-1 px-2" href="/afore/modulos-de-atencion"><span class="d-block px-1 position-relative"><span class="icon icon-location_on pr-1 position-absolute font-18"></span><span>Sucursales</span></span></a><span class="dropdown c-contacto mx-md-3"><span class="dropdown-toggle btn" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Contacto</span>
152              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
153                <div class="dropdown-item px-3" href="#" data-nosnippet>Llámanos al <a href="tel:4433108192" target="_blank">4433 10 8192</a> o ingresa a <a href="https://c2d.click2dial-custom.com/" target="_blank"> SURA te llama</a>  y nosotros te contactamos.</div>
154                <hr class="mx-3 my-2">
155                <div class="dropdown-item px-3" href="#">Si deseas acudir a las Sucursales de Atención al Público, <a href="/afore/modulos-de-atencion/">agenda tu cita aquí</a></div>
156              </div></span>
157            <div class="btn btn-link btn-sm cyan collapsed dropdown-toggle px-1" type="button" data-toggle="collapse" data-target="#otrosNegociosCollapse" aria-expanded="false"><span>Más de SURA</span></div>
158            <div class="dropdown d-inline ml-3" style="z-index:99;">
159              <div class="btn btn-link btn-sm blue dropdown-toggle px-0 m-l-right" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img class="mr-1 img-flag-mx" src="/afore/images/flags/mx.svg"/> México</div>
160              <div class="dropdown-menu dropdown-menu-right shadow border-0" aria-labelledby="dropdownFlags"><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.segurossura.com.br"><img src="/afore/images/flags/br.svg" width="19.25" height="11" loading="lazy" alt="SURA Brasil"/> Brasil</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.sura.cl/Pages/home.aspx"><img src="/afore/images/flags/cl.svg" width="19.25" height="11" loading="lazy" alt="SURA Chile"/> Chile</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.segurossura.com.co/paginas/default.aspx"><img src="/afore/images/flags/co.svg" width="19.25" height="11" loading="lazy" alt="SURA Colombia"/> Colombia</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://segurossura.com.pa/"><img src="/afore/images/flags/pa.svg" width="19.25" height="11" loading="lazy" alt="SURA Panamá"/> Panamá</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.sura.pe/"><img src="/afore//images/flags/pe.svg" width="19.25" height="11" loading="lazy" alt="SURA Perú"/> Perú</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.segurossura.com.do/"><img src="/afore/images/flags/do.svg" width="20" height="17" loading="lazy" alt="SURA Rep. Dominicana"/> República Dominicana</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.sura.com.uy"><img src="/afore/images/flags/uy.svg" width="19.25" height="11" loading="lazy" alt="SURA Uruguay"/> Uruguay</a></div>
161            </div>
162          </div>
163        </div>
164      </nav>
165      <nav class="py-3 navbar navbar-expand-md navbar-light pb-0 bg-white hide-phone" id="preMenuMedium">
166        <div class="container px-md-0">
167          <div class="mr-auto"><a class="navbar-brand mt-y mt-md-0" href="/afore/"><img src="/afore/images/logo-afore-sura-mexico.svg" title="Afore SURA México" alt="Afore SURA México" width="103" height="30"></a></div>
168          <div class="ml-auto text-center text-sm-right"><span class="mr-3 position-relative sp-cita"><a class="a-link-blue" href="/afore/programar-cita.html"><span class="icon icon-calendar_month blue font-20 pr-top-2 mr-1"></span> Haz una cita</a></span><span class="ml-3"><a class="btn btn-secondary px-4 py-1 position-relative font-16 btn-start-session" id="iniciar_sesiones" href="" rel="follow" target="_self"><span class="icon icon-group mr-2 position-absolute font-18 pr-top-3"></span> <span class="pl-4 ml-1">Iniciar sesión</span></a></span></div>
169        </div>
170      </nav>
171      <nav class="navbar navbar-expand-md navbar-light pb-0 pt-0 py-sm-0 shadow-sm px-0 bg-yellow" id="menu">
172        <div class="container pl-md-2 pr-md-0">
173          <div class="c-nav-xs">
174            <button class="btn btn-link btn-sm d-inline d-md-none order-2 float-right position-relative mr-4 mt-1 c-collapse-xs" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="float-left c-txt-menu blue"><span class="invisible">Menú</span></span><span class="float-left">
175                <input id="menu01" type="checkbox">
176                <label class="icon01" for="menu01">
177                  <div class="menu01"></div>
178                </label></span></button>
179            <div class="mr-auto hide-desktop hide-tablet"><span>AFORE</span></div>
180            <div class="ml-auto text-center text-sm-right hide-desktop hide-tablet"><span class="mr-3 position-relative sp-cita"><a class="a-link-blue" href="/afore/programar-cita.html"><span class="icon icon-calendar_month blue font-20 pr-top-2 mr-1"></span> Haz una cita</a></span></div>
181          </div>
182          <div class="collapse navbar-collapse order-3 order-md-0" id="navbarSupportedContent">
183            <div class="mr-auto hide-xs-1 c-title-afore">
184              <p class="m-0 py-2 blue font-14 font-semibold">AFORE</p>
185            </div>
186            <ul class="navbar-nav ml-auto mr-sm-2 mt-2 mt-md-0 px-3 nav-lg">
187              <li class="hide-tablet hide-desktop sesion-mobile"><a class="btn btn-secondary px-3 py-2 w-100 position-relative" href="https://afore.suramexico.com/iniciar-sesion/"><span class="icon icon-group mr-2 position-absolute font-20 pr-top-8"></span> <span class="pl-4 ml-1">Iniciar sesión</span></a></li>
188              <li class="nav-item dropdown pl-md-3"><a class="nav-link dropdown-toggle mt-3 mt-md-0 ml-1 ml-md-0 pr-1" id="navbarDropdownAfore" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sobre SURA</a>
189                <div class="dropdown-menu border-0 dropdown-menu-right mx-n3 py-0 py-sm-3 px-3 px-md-0" aria-labelledby="Afore"><span class="dropdown-header hide-phone">Sobre SURA</span><a class="dropdown-item" href="/afore/acerca-de-afore-sura.html">¿Quiénes somos?</a><a class="dropdown-item" href="/afore/reconocimientos.html">Reconocimientos						</a><a class="dropdown-item" href="/afore/sostenibilidad/">Sostenibilidad</a><a class="dropdown-item" href="/afore/rendimientos.html">Rendimientos</a><a class="dropdown-item" href="https://afore.suramexico.com/Afore-movil-SURA/" target="_blank" rel="noopener noreferrer">¿Mi Afore está con SURA?</a></div>
190              </li>
191              <li class="nav-item dropdown pl-md-3"><a class="nav-link dropdown-toggle mt-3 mt-md-0 ml-1 ml-md-0 pr-1" id="navbarDropdownAfore" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Trámites y Servicios</a>
192                <div class="dropdown-menu border-0 dropdown-menu-right mx-n3 py-0 py-sm-3 px-3 px-md-0" aria-labelledby="Mi Afore"><span class="dropdown-header blue hide-phone">Trámites y Servicios</span><a class="dropdown-item" href="/afore/app-afore-sura.html">App Afore SURA</a><a class="dropdown-item" href="/afore/sura-requisitos-tramites-y-estatus.html">Requisitos y estatus</a><a class="dropdown-item" href="https://afore.suramexico.com/rutadelapension/selector">Ruta de la Pensión</a><a class="dropdown-item" href="/afore/modulos-de-atencion">Encuentra una Sucursal</a><a class="dropdown-item" href="/afore/aportaciones-voluntarias/">Ahorro Voluntario</a></div>
193              </li>
194              <li class="nav-item dropdown pl-md-3"><a class="nav-link dropdown-toggle mt-3 mt-md-0 ml-1 ml-md-0 pr-1" id="navbarDropdownAhorro" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sobre Afore</a>
195                <div class="dropdown-menu border-0 dropdown-menu-right mx-n3 py-0 py-sm-3 px-3 px-md-0" aria-labelledby="Ahorro"><span class="dropdown-header blue hide-phone">Sobre Afore</span><a class="dropdown-item" href="/afore/que-es-una-afore.html">¿Qué es una Afore?</a><a class="dropdown-item" href="/afore/que-es-una-siefore.html">Sobre las Siefores</a><a class="dropdown-item" href="/afore/blog/">Blog</a><a class="dropdown-item" href="/afore/aula-finanzas-personales/">Aula Finanzas Personales</a><a class="dropdown-item" href="/afore/glosario.html">Glosario</a><a class="dropdown-item" href="/afore/preguntas-frecuentes.html">Preguntas frecuentes</a></div>
196              </li>
197              <li class="nav-item dropdown pl-md-3 c-submenu-footer hide-tablet hide-desktop evtSubMenu_01">
198                <div class="row mx-0 px-4 py-3">
199                  <div class="col-12 px-0">
200                    <div class="btn btn-link btn-sm blue dropdown-toggle px-0 m-l-right c-contact-xs" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Contacto</div>
201                    <div class="dropdown-menu dropdown-menu-right border-0" aria-labelledby="dropdownContact">
202                      <div class="position-relative font-light font-18 pl-4 ml-2">Llámanos al <a href="tel:4433108192" target="_blank">4433 10 8192</a> o ingresa a <a href="https://c2d.click2dial-custom.com/" target="_blank"> SURA te llama</a>  y nosotros te contactamos.</div>
203                      <hr class="my-2">
204                      <div class="position-relative font-light font-18 pl-4 ml-2">Si deseas acudir a las Sucursales de Atención al Público, <a href="/afore/modulos-de-atencion/">agenda tu cita aquí</a></div>
205                    </div>
206                  </div>
207                </div>
208              </li>
209              <li class="nav-item dropdown pl-md-3 c-submenu-footer py-0 hide-tablet hide-desktop evtSubMenu_01">
210                <div class="row mx-0 px-4 py-0">
211                  <div class="col-12 px-0">
212                    <div class="btn btn-link btn-sm blue dropdown-toggle px-0 m-l-right" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img class="mr-1 img-flag-mx" src="/afore/images/flags/mx.svg"/> <span class="pr-top-2 font-light">México</span></div>
213                    <div class="dropdown-menu dropdown-menu-right border-0 py-0 my-0" aria-labelledby="dropdownFlags"><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.segurossura.com.br"><img src="/afore/images/flags/br.svg" width="19.25" height="11" loading="lazy" alt="SURA Brasil"/> Brasil</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.sura.cl/Pages/home.aspx"><img src="/afore/images/flags/cl.svg" width="19.25" height="11" loading="lazy" alt="SURA Chile"/> Chile</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.segurossura.com.co/paginas/default.aspx"><img src="/afore/images/flags/co.svg" width="19.25" height="11" loading="lazy" alt="SURA Colombia"/> Colombia</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://segurossura.com.pa/"><img src="/afore/images/flags/pa.svg" width="19.25" height="11" loading="lazy" alt="SURA Panamá"/> Panamá</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.sura.pe/"><img src="/afore//images/flags/pe.svg" width="19.25" height="11" loading="lazy" alt="SURA Perú"/> Perú</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.segurossura.com.do/"><img src="/afore/images/flags/do.svg" width="20" height="17" loading="lazy" alt="SURA Rep. Dominicana"/> República Dominicana</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.sura.com.uy"><img src="/afore/images/flags/uy.svg" width="19.25" height="11" loading="lazy" alt="SURA Uruguay"/> Uruguay</a></div>
214                  </div>
215                </div>
216              </li>
217              <li class="nav-item c-submenu-footer hide-tablet hide-desktop pb-5 evtSubMenu_01">
218                <div class="row mx-0 px-4 py-3">
219                  <div class="col-12 px-0 py-2"><a class="btn btn-link btn-sm py-0 px-2" href="/afore/modulos-de-atencion"><span class="d-block px-1 position-relative"><span class="icon icon-location_on pr-1 position-absolute font-18"></span><span class="ml-3 font-light">Sucursales</span></span></a></div>
220                </div>
221              </li>
222            </ul>
223          </div>
224        </div>
225      </nav>
226      <div class="container sticky-top" id="loginForm" style="top:80px;">
227        <div class="row">
228          <div class="col-12 position-relative">
229            <div id="loginAforesuramx" data-containerlogin=""></div>
230          </div>
231        </div>
232      </div>
233    </div>
234    <div class="d-none" id="fblive_widget">
235      <div id="fblive_close" onclick="FBLive_closeWidget(15)">&times;</div>
236      <div class="fblive_signal">
237        <h5>¡E<span class="hide-out-xxl">stamos e</span>n vivo!</h5>
238        <div id="fblive_pleca">Asesoría digital</div><a id="aLink" href="https://bit.ly/3BV8HY1" target="_blank" rel="nofollow">
239          <h4 id="fblive_subject">Empoderamiento financiero para mujeres</h4></a>
240      </div>
241      <div id="fblive_cta"><a id="fblive_action" href="https://bit.ly/3BV8HY1" target="_blank" rel="nofollow">
242          <svg id="fblive_play" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
243            <path d="M8,5.14V19.14L19,12.14L8,5.14Z"></path>
244          </svg>
245          <svg id="fblive_facebook" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
246            <title>play-circle</title>
247            <path d="M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path>
248          </svg>Ver en vivo</a></div>
249    </div>
250    <div class="container-fluid px-0 bg-video overflow-hidden">
251      <div class="container px-md-0">
252        <div class="col-12 px-0">
253          <div class="carousel slide carousel-home d-flex align-items-stretch" id="carouselExampleIndicators" data-ride="carousel" data-interval="6000">
254            <div class="carousel-inner d-flex align-items-stretch">
255              <div class="carousel-item px-0 px-0 pl-md-1 mb-0 active">
256                <div class="row m-0 h-100">
257                  <div class="col-12 col-md-6 d-flex align-items-center px-0">
258                    <article class="position-relative py-0">
259                      <video autoplay muted loop playsinline preload="metadata" poster="/afore/images/home/img-preview-2.webp">
260                        <source src="/afore/videos/plantas-campana-sura.webm" type="video/webm">
261                        <source src="/afore/videos/plantas-campana-sura.mp4" type="video/mp4">
262                        <!-- Subtítulos (opcionales)-->Tu navegador no soporta la reproducción de video.
263                      </video><a class="btn btn-yellow d-table position-absolute mx-auto" href="https://www.youtube.com/watch?v=2ayXb2zIgio" target="_blank">Ver video</a>
264                    </article>
265                  </div>
266                  <div class="col-12 col-md-6 px-4 px-md-0 bg-img-aultez d-flex align-items-center py-4">
267                    <div class="position-relative pl-md-5 ml-md-4">
268                      <div class="row">
269                        <div class="col-10">
270                          <h2 class="text-white">¿Ya platicas con <br/>tus plantas?</h2>
271                        </div>
272                        <div class="col-2"></div>
273                      </div>
274                      <div class="row">
275                        <div class="col-8">
276                          <h3 class="text-white">Es momento de calcular tu pensión.</h3>
277                        </div>
278                        <div class="col-4"></div>
279                      </div>
280                      <div class="row">
281                        <div class="col-8"><a class="btn btn-yellow mb-4 mb-md-0 mt-3 text-center-xs" href="https://afore.suramexico.com/rutadelapension/nav?view=ley97/genera-tu-estudio-provisional-y-proyecta-tu-pension" target="_blank">Obtén tu cálculo</a></div>
282                      </div>
283                    </div>
284                  </div>
285                </div>
286              </div>
287              <!--.carousel-item.px-0.bg-timbrado.px-0.pl-md-1.mb-4.mb-md-0.active
288              .row.m-0.h-100
289              	.col-12.col-md-6.d-flex.align-items-center.px-4.px-md-0
290              		.row.mt-4.mb-0.py-lg-4.my-lg-0.m-0.py-2.border-right
291              			.col-12.d-flex.justify-content-start
292              				img(src="/afore/images/home/img-money-save.svg" width="60")
293              				h3.mt-0.mb-3.mt-md-0.pt-3.text-white.ml-3.font-bold Disfruta los beneficios de tu ahorro en 2026
294              			.col-12
295              				p.font-22.yellow.mb-0.font-bold Si realizaste Ahorro Voluntario en 2025,
296              				p.text-white.font-20 tu constancia de Aportaciones Voluntarias ya se encuentra disponible.
297              	.col-12.col-md-6.px-3.d-flex.align-items-center
298              		.position-relative.pl-md-4.px-4.pd-md-0
299              			p.font-bold.text-white.font-bold.font-22 Descárgala desde nuestros canales:
300              			ul.pl-3
301              				li
302              					a.text-white(href="https://afore.suramexico.com/iniciar-sesion/" target="_blank") Portal web Afore SURA
303              				li
304              					a.text-white(href="https://afore-sura.onelink.me/OLqF/bafyvh75" target="_blank") App Afore SURA
305              				li
306              					a.text-white(href="https://api.whatsapp.com/send?phone=52+5591859341&text=Hola,%20" target="_blank") Asistente Virtual
307              	.col-12
308              		p.text-white Si tu Constancia Fiscal no aparece precargada en el portal del SAT, tienes la opción de cargarla manualmente. <a class="text-white a-pdf" href="/afore/pdf/guia-carga-declara-sat-2026.pdf" target="_blank">Conoce los pasos aquí</a>.
309              -->
310            </div>
311          </div>
312        </div>
313      </div>
314    </div>
315    <div class="container-fluid bg-cyan te-hoy">
316      <div class="container">
317        <div class="row py-3">
318          <div class="col-12 col-lg-5 b-01"><span class="ch-title text-white">Todo Empieza Hoy®</span>
319            <h1 class="py-0 my-0 text-white text-uppercase font-light mb-4 mb-lg-0">Construye un mejor mañana con sura</h1>
320          </div>
321          <div class="col-12 col-lg-7 b-02 px-0">
322            <div class="row b-flex align-items-center h-100">
323              <div class="col-12 col-lg-4"><a class="d-block w-100 btn btn-default font-bold w-100 mb-4 mb-lg-0 font-light" href="https://afore.suramexico.com/Afore-movil-SURA/">¡Quiero ser cliente!</a></div>
324              <div class="col-12 col-lg-4"><a class="d-block w-100 btn btn-yellow w-100 font-bold mb-4 mb-lg-0 font-light" href="https://afore.suramexico.com/Afore-movil-SURA/">
324¿Mi Afore está con SURA?</a></div>
325              <div class="col-12 col-lg-4"><a class="d-block w-100 btn btn-default font-bold w-100 mb-4 mb-lg-0 font-light" href="/afore/rendimientos.html">Rendimientos</a></div>
326            </div>
327          </div>
328        </div>
329      </div>
330    </div>
331    <div class="container px-md-0">
332      <div class="row my-5 py-lg-4 my-lg-4 c-help">
333        <div class="col-12 col-md-4 col-lg-3 mt-md-4 offset-lg-1">
334          <h2 class="mb-4">¿En qué podemos <span class="d-block font-semibold">ayudarte?</span></h2>
335        </div>
336        <div class="col-12 col-md-8">
337          <div class="row">
338            <div class="col-6 col-lg-4 d-flex"><a class="ch-card shadow p-3 px-lg-4 mb-3 rounded d-block flex-fill" href="https://afore.suramexico.com/Afore-movil-SURA/">
339                <div class="span d-block icon-description font-24 cyan" alt="Cómo me registro en un Afore"></div>
340                <h3 class="blue mb-0 font-22 lh-1-2 font-semibold">Registrar mi Afore</h3></a></div>
341            <div class="col-6 col-lg-4 d-flex"><a class="ch-card shadow p-3 px-lg-4 mb-3 rounded d-block flex-fill" href="https://afore.suramexico.com/Afore-movil-SURA/">
342                <div class="span d-block icon-home font-24 cyan" alt="Cambiarme a Afore SURA"></div>
343                <h3 class="blue mb-0 font-22 lh-1-2 font-semibold">Cambiarme a SURA</h3></a></div>
344            <div class="col-6 col-lg-4 d-flex"><a class="ch-card shadow p-3 px-lg-4 mb-3 rounded d-block flex-fill" href="/afore/aportaciones-voluntarias/">
345                <div class="span d-block icon-attach-money font-24 cyan" alt="Saber más de Afore SURA"></div>
346                <h3 class="blue mb-0 font-22 lh-1-2 font-semibold">Ahorrar y mejorar mi retiro</h3></a></div>
347            <div class="col-6 col-lg-4 d-flex"><a class="ch-card shadow p-3 px-lg-4 mb-3 rounded d-block flex-fill" href="/afore/sura-requisitos-tramites-y-estatus.html">
348                <div class="span d-block icon-content font-24 cyan" alt="SURA trámites"></div>
349                <h3 class="blue mb-0 font-22 lh-1-2 font-semibold">Conocer trámites y requisitos</h3></a></div>
350            <div class="col-6 col-lg-4 d-flex"><a class="ch-card shadow p-3 px-lg-4 mb-3 rounded d-block flex-fill" href="/afore/programar-cita.html">
351                <div class="span d-block icon-calendar-month font-24 cyan" alt="Quiero hacer una cita en Afore SURA"></div>
352                <h3 class="blue mb-0 font-22 lh-1-2 font-semibold">Hacer una cita</h3></a></div>
353            <div class="col-6 col-lg-4 d-flex"><a class="ch-card shadow p-3 px-lg-4 mb-3 rounded d-block flex-fill" href="https://afore.suramexico.com/rutadelapension/selector">
354                <div class="span d-block icon-account-balance font-24 cyan" alt="Quiero conocer la Ruta de la Pensión SURA"></div>
355                <h3 class="blue mb-0 font-22 lh-1-2 font-semibold">Calcular mi pensión</h3></a></div>
356          </div>
357        </div>
358      </div>
359    </div>
360    <div class="container-fluid bg-gray-9">
361      <div class="container mx-md-0 mx-lg-auto">
362        <div class="row mt-5 pt-5 mx-0 rounded ccd-app">
363          <div class="col-12 col-md-6 offset-lg-1 pl-lg-0 order-lg-1">
364            <h2 class="font-20 font-semibold">Más rápido, más fácil</h2>
365            <h3 class="font-40 mt-0 font-semibold">Descarga la app Afore SURA</h3>
366            <p class="my-3 font-16">Haz tus trámites en cualquier momento desde tu celular.</p>
367            <ul class="pl-4">
368              <li class="font-16">Consulta saldos, movimientos y Estados de Cuenta</li>
369              <li class="font-16">Solicita Retiro por Desempleo o Matrimonio </li>
370              <li class="font-16">Actualiza tus datos y registra tus beneficiarios<sup>1</sup></li>
371              <li class="font-16">Haz Ahorro Voluntario y retíralo si lo necesitas<sup>2</sup></li>
372            </ul>
373            <div class="row">
374              <div class="col-3 hide-phone hide-tablet"><img class="d-table mx-auto" src="/afore/images/home/codigo-qr-descargar-app-afore-sura.png" width="100" height="100" alt="Código QR para descargar aplicación de Afore SURA"></div>
375              <div class="col-12 col-lg-8 px-lg-0"><a href="https://afore-sura.onelink.me/OLqF/vdt46os1" target="_blank"><img class="d-inline-block mr-3" src="/afore/images/badges/app-store.svg" width="90" height="50"><img class="d-inline-block" src="/afore/images/badges/google-play.svg" width="100" height="50"></a></div>
376            </div>
377          </div>
378          <div class="col-12 col-md-4 px-md-0 hide-phone order-lg-2"><img class="d-block mx-auto" src="/afore/images/home/visualizacion-app-afore-sura.webp" width="272" height="400"></div>
379        </div>
380        <div class="row mb-5 pb-5 pt-3">
381          <div class="col-12 col-md-10 offset-lg-1"><small class="d-block"><sup>1</sup> Para hacerlo, tramita tu NIP y actualiza tu Expediente Electrónico en la Sucursal de Atención al Público más cercana.</small><small class="d-block"><sup>2</sup> Recuerda tener tu Expediente Electrónico actualizado.</small></div>
382        </div>
383      </div>
384    </div>
385    <div class="container">
386      <!-- Clientes-->
387      <div class="row mt-4">
388        <div class="col py-2">
389          <h2>Lo más buscado</h2>
390        </div>
391      </div>
392      <div class="row mb-3 mb-md-5 c-mas-buscado no-link-all">
393        <div class="col-6 col-md d-flex"><a class="ch-card shadow p-3 px-lg-4 mb-3 rounded d-block flex-fill" href="/afore/programar-cita.html">
394            <div class="span d-block icon-calendar-month font-24 cyan" alt="Revisar mi estado de cuenta en Afore SURA"></div>
395            <h3 class="blue mb-0 font-22 lh-1-2 font-semibold">Citas</h3></a></div>
396        <div class="col-6 col-md d-flex"><a class="ch-card shadow p-3 px-lg-4 mb-3 rounded d-block flex-fill" href="/afore/estado-de-cuenta-digital.html">
397            <div class="span d-block icon-description font-24 cyan" alt="Revisar mi estado de cuenta en Afore SURA"></div>
398            <h3 class="blue mb-0 font-22 lh-1-2 font-semibold">Estado de Cuenta</h3></a></div>
399        <div class="col-6 col-md d-flex"><a class="ch-card shadow p-3 px-lg-4 mb-3 rounded d-block flex-fill" href="/afore/sura-requisitos-tramites-y-estatus.html#retiro-parcial-por-desempleo-imss">
400            <div class="span d-block mdi mdi-login font-24 cyan" alt="Hacer un retiro por desempleo en Afore SURA"></div>
401            <h3 class="blue mb-0 font-22 lh-1-2 font-semibold">Retiro por Desempleo </h3></a></div>
402        <div class="col-6 col-md d-flex"><a class="ch-card shadow p-3 px-lg-4 mb-3 rounded d-block flex-fill" href="/afore/modulos-de-atencion/">
403            <div class="span d-block icon-location_on font-24 cyan font-28" alt="Actualizar los datos en mi Afore SURA"></div>
404            <h3 class="blue mb-0 font-22 lh-1-2 font-semibold">Sucursales</h3></a></div>
405        <div class="col-12 col-md d-flex"><a class="ch-card shadow px-3 py-4 p-md-3 px-lg-4 mb-3 rounded d-block flex-fill" href="/afore/aportaciones-voluntarias/">
406            <div class="span d-block icon-attach-money font-24 cyan" alt="Ahorro voluntario en Afore SURA"></div>
407            <h3 class="blue mb-0 font-22 lh-1-2 font-semibold">Ahorro Voluntario</h3></a></div>
408      </div>
409      <div class="row mb-5 pt-4">
410        <div class="col-12 col-lg-8 mb-3 mb-md-0 bg-edo-cuenta bg-blue py-4 align-items-center d-flex">
411          <div class="row px-0 bg-white mx-0">
412            <div class="col-4 position-relative px-0 hide-phone bec-img"></div>
413            <div class="col-12 col-md-8 py-4">
414              <h2 class="blue font-bold">Recibe tu <span class="bg-yellow px-2 py-1 font-bold">Estado de Cuenta</span> de forma digital</h2>
415              <p class="font-18">Si aún lo recibes impreso, realiza el cambio desde nuestro asistente virtual y recíbelo directamente en tu correo electrónico registrado.</p><a class="btn btn-yellow py-2 px-4 font-18" href="https://wa.me/5215591859341?text=Hola" rel="nofollow" target="_blank">Solicítalo</a>
416            </div>
417          </div>
418        </div>
419        <div class="col-12 col-lg-4 pl-md-0 pl-lg-2 px-0 px-lg-3 mt-3 mt-lg-0">
420          <div class="shadow-lg carousel slide carousel-links rounded overflow-hidden" id="carouselExampleC
420ontrols" data-ride="carousel" data-interval="6000">
421            <div class="carousel-inner">
422              <div class="carousel-item c-tramite-pension active"><a href="https://afore.suramexico.com/rutadelapension/selector" target="_blank">
423                  <div class="row pt-3 pb-2 mx-0 mt-lg-2">
424                    <div class="col-4 pr-0 hide-tablet"><img class="w-100" src="/afore/images/home/mano-retiro.png"></div>
425                    <div class="col-8 col-md-12 col-lg-8">
426                      <p class="mb-1 blue font-bold font-22">¿Tienes más de 70 años?</p>
427                      <p class="mb-0 blue font-bold font-22">Ya podrías iniciar tu trámite de pensión</p>
428                    </div>
429                  </div>
430                  <div class="col-12 my-lg-4">
431                    <p class="mb-2 txt-initial">En Afore SURA te apoyamos con herramientas para realizar tu proceso sin complicaciones.</p>
432                  </div>
433                  <div class="row bg-blue py-3 py-md-2 mx-0">
434                    <div class="col-2 px-2 d-flex align-items-center hide-tablet"><img class="w-100" src="/afore/images/home/line-r-pension.svg"></div>
435                    <div class="col-10 col-md-12 col-lg-10 pl-0 pl-md-3 pl-lg-0 text-white">
436                      <p class="mb-1 font-bold">Ingresa a <span class="yellow text-underline font-bold">Ruta de la pensión®</span> y conoce el paso a paso para comenzar tu proceso.</p><small class="legal font-10 text-white">Los recursos de tu Cuenta Individual son tuyos. Infórmate en www.gob.mx/consar</small>
437                    </div>
438                  </div></a></div>
439            </div>
440          </div>
441        </div>
442      </div>
443      <h2>Resuelve tus dudas</h2>
444      <ul class="nav nav-tabs flex-nowrap d-flex d-md-flex w-100 c-tab-nav" role="tablist">
445        <li class="nav-item flex-shrink-0"><a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Ser cliente de Afore SURA</a></li>
446        <li class="nav-item flex-shrink-0"><a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Sobre Trámites y Servicios</a></li>
447      </ul>
448      <div class="tab-content" id="idResulveDudas">
449        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
450          <div class="row py-4">
451            <div class="col-12 col-md-4 d-flex flex-fill">
452              <div class="ch-card shadow p-3 px-lg-4 mb-3 mb-md-0 rounded d-block position-relative w-100" data-card="1"><span class="mdi mdi-chevron-up hide-tablet hide-desktop position-absolute top-5 right-3 font-30" role="button" tabindex="0" aria-label="Toggle"></span>
453                <h4 class="pr-4" id="idCard01">¿Cómo saber donde está mi Afore?</h4>
454                <p class="evCard01" data-content>Conoce al instante <a href="https://afore.suramexico.com/Afore-movil-SURA/" target="_blank">si tu cuenta se encuentra en SURA</a>, descarga nuestra app Afore SURA y regístrate en minutos. También puedes llamar a <a href="https://www.consar.gob.mx/gobmx/aplicativo/catsar/Principal/TramiteExt.aspx?idTramite=1&PAG_ACTUAL=/gobmx/aplicativo/catsar/Principal/InicioExt.aspx" target="_blank" rel="nofollow">SARTEL</a>: 55 1328 5000 donde te indicarán si existe una Cuenta Individual a tu nombre y qué Afore la administra.</p>
455              </div>
456            </div>
457            <div class="col-12 col-md-4 d-flex flex-fill">
458              <div class="ch-card shadow p-3 px-lg-4 mb-3 mb-md-0 rounded d-block position-relative w-100" data-card="2"><span class="mdi mdi-chevron-down hide-tablet hide-desktop position-absolute top-5 right-3 font-30" role="button" tabindex="0" aria-label="Toggle"></span>
459                <h4 class="pr-4" id="idCard02">¿Qué pasa si aún no elijo Afore?</h4>
460                <p class="evCard02" data-content>Si nunca has elegido una Afore, es posible que tu ahorro para el retiro esté en una cuenta asignada. Si después de máximo 2 años, continúas sin elegir una Administradora, la CONSAR te reasignará periódicamente a otra. Recuerda, es tu derecho como trabajador elegir en qué Afore quieres estar.</p>
461              </div>
462            </div>
463            <div class="col-12 col-md-4 d-flex flex-fill">
464              <div class="ch-card shadow p-3 px-lg-4 mb-0 rounded d-block position-relative w-100" data-card="3"><span class="mdi mdi-chevron-down hide-tablet hide-desktop position-absolute top-5 right-3 font-30" role="button" tabindex="0" aria-label="Toggle"></span>
465                <h4 class="pr-4" id="idCard03">¿Cómo puedo cambiarme o registrarme en SURA?</h4>
466                <p class="evCard03" data-content>Regístrate en minutos desde nuestra <a href="/afore/app-afore-sura.html">app Afore SURA</a>, ingresa tus datos y conoce cuánto dinero podrías llevar ahorrado. Para iniciar tu cambio, <a href="/afore/programar-cita.html">agenda tu cita</a> en una de nuestras Sucursales de Atención al Público. <a href="/afore/sura-requisitos-tramites-y-estatus.html#traspaso-afore-afore">Conoce los requisitos</a>.</p>
467              </div>
468            </div>
469          </div>
470        </div>
471        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
472          <div class="row py-4">
473            <div class="col-12 col-md-4 d-flex flex-fill">
474              <div class="ch-card shadow p-3 px-lg-4 mb-3 mb-md-0 rounded d-block position-relative w-100" data-card="1"><span class="mdi mdi-chevron-up hide-tablet hide-desktop position-absolute top-5 right-3 font-30" role="button" tabindex="0" aria-label="Toggle"></span>
475                <h4 class="pr-4" id="idCard001">¿Qué puedo hacer si no recibo mi Estado de Cuenta?</h4>
476                <p class="evCard01" data-content>Puedes pedirlo a través de los siguientes canales:</p>
477                <ol class="evCard01 pl-3" data-content>
478                  <li>Portal de clientes: <a href="https://afore.suramexico.com/iniciar-sesion/">aforesura.com.mx</a></li>
479                  <li>App Afore SURA. <a href="/afore/app-afore-sura.html">Descarga nuestra App</a>.</li>
480                </ol>
481              </div>
482            </div>
483            <div class="col-12 col-md-4 d-flex flex-fill">
484              <div class="ch-card shadow p-3 px-lg-4 mb-3 mb-md-0 rounded d-block position-relative w-100" data-card="2"><span class="mdi mdi-chevron-down hide-tablet hide-desktop position-absolute top-5 right-3 font-30" role="button" tabindex="0" aria-label="Toggle"></span>
485                <h4 class="pr-4" id="idCard002">¿Qué tipos de retiros se pueden hacer en mi Afore?</h4>
486                <p class="evCard02" data-content>Puedes retirar de tu Afore: de manera <a href="/afore/blog/retiro-total-afore-como-hacerlo.html">total</a>, usando todo tu ahorro en una pensión o una sola exhibición; de forma <a href="/afore/blog/retiros-parciales-afore-desempleo-matrimonio-guia.html">parcial</a>
486 accediendo a una parte en caso de matrimonio o desempleo; o bien retirar tu <a href="/afore/sura-requisitos-tramites-y-estatus.html#retiro-de-aportaciones-voluntarias">Ahorro Voluntario</a>, según el plazo en que lo hayas guardado.</p>
487              </div>
488            </div>
489            <div class="col-12 col-md-4 d-flex flex-fill">
490              <div class="ch-card shadow p-3 px-lg-4 mb-0 rounded d-block position-relative w-100" data-card="3"><span class="mdi mdi-chevron-down hide-tablet hide-desktop position-absolute top-5 right-3 font-30" role="button" tabindex="0" aria-label="Toggle"></span>
491                <h4 class="pr-4" id="idCard003">¿Qué es el Check Up de Pensión de Afore SURA?</h4>
492                <p class="evCard03" data-content>El Check Up de Pensión es una iniciativa de Afore SURA y la única guía en México que te muestra el estado de tu Cuenta Invidivual y los pasos a seguir antes de pensionarte. Si eres cliente SURA, cotizas al IMSS y perteneces a la Ley 73, <a href="https://afore.suramexico.com/rutadelapension/nav?view=solicita-tu-checkup-de-pension" target="_blank">solicítalo</a>.</p>
493              </div>
494            </div>
495          </div>
496        </div>
497      </div>
498      <div class="row mt-1">
499        <div class="col-12"><a class="btn btn-blue mx-auto d-table py-2 px-5 font-16" href="/afore/preguntas-frecuentes.html">Conoce más</a></div>
500      </div>
501      
501<script>
502        document.addEventListener('DOMContentLoaded', () => {
503        	const mq = window.matchMedia('(max-width: 767.98px)'); // mobile
504        	const cards = Array.from(document.querySelectorAll('.ch-card'));
505        
506        	const show = el => el.classList.remove('d-none');
507        	const hide = el => el.classList.add('d-none');
508        
509        	function setInitialState() {
510        		if (!mq.matches) {
511        		// Desktop: todo abierto sin iconos
512        		cards.forEach(card => {
513        			card.querySelectorAll('[data-content]').forEach(show);
514        			const icon = card.querySelector('.mdi');
515        			icon?.classList.remove('mdi-chevron-up', 'mdi-chevron-down');
516        		});
517        		return;
518        		}
519        
520        		// Mobile
521        		cards.forEach(card => {
522        		const icon = card.querySelector('.mdi');
523        		const contents = card.querySelectorAll('[data-content]');
524        		const isCard1 = card.dataset.card === "1"; // todas las card1 (aunque se repitan en tabs)
525        
526        		if (isCard1) {
527        			contents.forEach(show);
528        			icon?.classList.add('mdi-chevron-up');
529        			icon?.classList.remove('mdi-chevron-down');
530        		} else {
531        			contents.forEach(hide);
532        			icon?.classList.add('mdi-chevron-down');
533        			icon?.classList.remove('mdi-chevron-up');
534        		}
535        		});
536        	}
537        
538        	setInitialState();
539        	mq.addEventListener?.('change', setInitialState);
540        	mq.addListener?.(setInitialState); // fallback viejo
541        
542        	// Delegación: toggle en icono o título
543        	document.addEventListener('click', e => {
544        		if (!mq.matches) return;
545        
546        		const trigger = e.target.closest('.mdi, .ch-card h4');
547        		if (!trigger) return;
548        
549        		const card = trigger.closest('.ch-card');
550        		if (!card) return;
551        
552        		const icon = card.querySelector('.mdi');
553        		const contents = card.querySelectorAll('[data-content]');
554        
555        		if (icon?.classList.contains('mdi-chevron-up')) {
556        		icon.classList.remove('mdi-chevron-up');
557        		icon.classList.add('mdi-chevron-down');
558        		contents.forEach(hide);
559        		} else {
560        		icon?.classList.remove('mdi-chevron-down');
561        		icon.classList.add('mdi-chevron-up');
562        		contents.forEach(show);
563        		}
564        	});
565        	});
566        
567        	document.addEventListener("DOMContentLoaded", function() {
568        		const tabNav = document.querySelector(".c-tab-nav");
569        		const homeTab = document.querySelector("#home-tab");
570        		const profileTab = document.querySelector("#profile-tab");
571        
572        		homeTab.addEventListener("click", function() {
573        		tabNav.scrollTo({
574        			left: 0,
575        			behavior: "smooth"
576        		});
577        		});
578        
579        		profileTab.addEventListener("click", function() {
580        		tabNav.scrollTo({
581        			left: tabNav.scrollWidth, // desplaza hasta el final
582        			behavior: "smooth"
583        		});
584        		});
585        	});
586      </script>
586
587      <!-- Blog-->
588      <div class="row mt-5 align-items-center py-4">
589        <div class="col-12">
590          <h2>Blog | Afore SURA</h2>
591          <h3 class="my-0">Todo sobre Afore, ahorro y retiro			</h3>
592        </div>
593      </div>
594      <div class="scroll c-scroll-01">
595        <div class="mb-5 no-gutters row-eq-height cf-scroll">
596          <div class="row cfs-int">
597            <div class="col col-sm-6 col-lg-4 mb-2 pr-3 body-blog bg-int">
598              <div class="card border-0 shadow h-100"><a href="/afore/blog/pension-ley-97-imss.html"><img class="card-img-top" src="/afore/images/portadas/[email protected]" width="354" height="230" alt="Cómo calcular tu pensión IMSS Ley 97"></a>
599                <div class="card-body"><a href="/afore/blog/pension-ley-97-imss.html">
600                    <div class="line-card mb-3"></div>
601                    <h4 class="card-title mb-2 blue strong">Cómo calcular tu pensión IMSS Ley 97</h4>
602                    <p class="card-text vertical-truncate-5">Descubre cómo calcular tu pensión IMSS Ley 97, qué factores influyen en el monto final y cuáles son tus opciones para pensionarte....</p>
603                    <div class="d-block-inline btn btn-yellow"><span class="pr-2 blue">Leer más</span><span class="blue icon icon-arrow-large-left d-inline-block text-left"></span></div></a></div>
604              </div>
605            </div>
606            <div class="col col-sm-6 col-lg-4 mb-2 pr-3 body-blog bg-int">
607              <div class="card border-0 shadow h-100"><a href="/afore/blog/requisitos-para-pensionarse-ley-73.html"><img class="card-img-top" src="/afore/images/portadas/[email protected]" width="354" height="230" alt="Requisitos para Pensionarte por la Ley 73 y Calcular tu Pensión"></a>
608                <div class="card-body"><a href="/afore/blog/requisitos-para-pensionarse-ley-73.html">
609                    <div class="line-card mb-3"></div>
610                    <h4 class="card-title mb-2 blue strong">Requisitos para Pensionarte por la Ley 73 y Calcular tu Pensión</h4>
611                    <p class="card-text vertical-truncate-5">Conoce los requisitos para pensionarte bajo la Ley 73 del IMSS, cómo se calcula la pensión, qué factores influyen en el monto y cómo estimar...</p>
612                    <div class="d-block-inline btn btn-yellow"><span class="pr-2 blue">Leer más</span><span class="blue icon icon-arrow-large-left d-inline-block text-left"></span></div></a></div>
613              </div>
614            </div>
615            <div class="col col-sm-6 col-lg-4 mb-2 pr-3 body-blog bg-int">
616              <div class="card border-0 shadow h-100"><a href="/afore/blog/decimo-transitorio-issste-que-es-como-saber-si-estoy.html"><img class="card-img-top" src="/afore/images/portadas/[email protected]" width="354" height="230" alt="Décimo Transitorio del ISSSTE: qué es y cómo saberlo"></a>
617                <div class="card-body"><a href="/afore/blog/decimo-transitorio-issste-que-es-como-saber-si-estoy.html">
618                    <div class="line-card mb-3"></div>
619                    <h4 class="card-title mb-2 blue strong">Décimo Transitorio del ISSSTE: qué es y cómo saberlo</h4>
620                    <p class="card-text vertical-truncate-5">Conoce si estás en el Décimo Transitorio del ISSSTE. Te explicamos qué significa para tu pensión, sus beneficios y cómo saber en qué régimen...</p>
621                    <div class="d-block-inline btn btn-yellow"><span class="pr-2 blue">Leer más</span><span class="blue icon icon-arrow-large-left d-inline-block text-left"></span></div></a></div>
622              </div>
623            </div>
624          </div>
625          <div class="col-12"><a class="btn btn-blue mr-1 mb-1 mb-sm-0 mx-auto d-table px-5 my-4" href="/afore/blog/" rel="nofollow">Conoce más</a></div>
626        </div>
627      </div>
628      <!-- Redes Sociales-->
629      <div class="row mt-4 my-md-5">
630        <div class="col-12">
631          <h2 class="mb-2">¡Síguenos en nuestras redes sociales! </h2><a class="btn btn-light btn-lg shadow-sm mr-3 mb-3 social-icon-facebook" target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/AforeSURAMX/">
632            <big><i class="mdi mdi-facebook"></i></big></a><a class="btn btn-light btn-lg shadow-sm mr-3 mb-3 social-icon-twitter" target="_blank" rel="noopener noreferrer" href="https://www.twitter.com/AforeSURAMX">
633            <big><i class="mdi icon-x-twitter"></i></big></a><a class="btn btn-light btn-lg shadow-sm mr-3 mb-3 social-icon-instagram" target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/aforesuramx/">
634            <big><i class="mdi mdi-instagram"></i></big></a><a class="btn btn-light btn-lg shadow-sm mr-3 mb-3 social-icon-whatsapp" target="_blank" rel="noopener noreferrer" href="https://api.whatsapp.com/se
634nd?phone=52+5591859341&amp;text=Hola,%20">
635            <big><i class="mdi mdi-whatsapp"></i></big></a><a class="btn btn-light btn-lg shadow-sm mr-3 mb-3 social-icon-youtube" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/user/suramexico">
636            <big><i class="mdi mdi-youtube"></i></big></a><a class="btn btn-light btn-lg shadow-sm mr-3 mb-3 social-icon-linkedin" target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/company/aforesura/">
637            <big><i class="mdi mdi-linkedin"></i></big></a>
638          <!--.row.py-4#promRRSS.align-items-center.d-none.d-sm-flex
639          .col-12.col-sm-6.col-md-4.col-lg-3.text-right
640          	span.maxFollowers +400K
641          .col-12.col-sm-6.col-md-4.col-lg-4
642          	p.mb-0.small Aprende más y escríbenos en caso de necesitar apoyo en alguno de tus trámites.
643          -->
644        </div>
645      </div>
646    </div>
647    <div class="container"></div>
648    <div class="modal fade" id="modalInfo" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
649      <div class="modal-dialog modal-dialog-centered modal-md" role="document">
650        <div class="modal-content">
651          <div class="modal-header border-0">
652            <div class="close" type="button" data-dismiss="modal" aria-label="Close">&#x2715;</div>
653          </div>
654          <div class="modal-body pt-0">
655            <p class="font-18 strong" id="idTxt01">Estimado Cliente,</p>
656            <p class="font-18" id="idTxt02">Por actualizaciones en los sistemas proporcionados para conformar o actualizar tu Expediente Electrónico, hoy <strong>10 de diciembre de 2024</strong> podrían presentarse intermitencias en nuestras Sucursales de Atención al Público, por lo que si tu trámite requiere Expediente Electrónico, no será posible realizarlo en la fecha y hora programada.</p>
657            <p class="font-18 strong" id="idTxt03">En caso de que tu cita requiera ser reagendada, nos pondremos en contacto contigo para realizarlo.</p>
658            <p class="font-18" id="idTxt04">Si aún no tienes cita, <a class="font-18" href="/afore/blog/servicios-app-afore-sura.html">agéndala aquí</a>.</p>
659            <p class="font-18" id="idTxt05">Agradecemos tu comprensión.					</p><a class="cyan d-block text-center py-3 font-18 pointer" data-dismiss="modal" aria-label="Close">Entendido</a>
660          </div>
661        </div>
662      </div>
663    </div>
664    <div class="d-none cookies-agreement col-12 col-md-8 offset-md-2" id="cookiesAgreement">
665      <div class="alert alert-secondary mb-0 row px-0 py-2" role="alert">
666        <div class="col-12 col-md-10">
667          <p class="small mb-0">Utilizamos cookies propias y de terceros para realizar análisis de uso y medición de nuestra web y así ofrecer una mejor funcionalidad y personalización. Al hacer clic en "Aceptar", conscientes su uso. Para más información consulta nuestro <a href="https://invierteyahorra.suramexico.com/suramexico/aviso-de-privacidad-AFORE.html" target="_blank" rel="noopener noreferrer">Aviso de Privacidad</a> y <a href="/afore/politica-de-cookies.html" target="_self" rel="noopener noreferrer">Política de Cookies</a></p>
668        </div>
669        <div class="col-12 col-md-2 d-flex align-items-center justify-content-center">
670          <p class="mb-0 text-center">
671            <button class="btn btn-primary btn-sm px-3 mt-3 mt-md-0 px-3" type="button" data-dismiss="alert" aria-label="Aceptar y cerrar" onclick="aceptarCookieAgreement();">Aceptar</button>
672          </p>
673        </div>
674      </div>
675    </div>
676    
676<script>
677      // Cookie a definir
678      var cookieNombre = 'cookiesAgreement2020';
679      var cookieValorInicial = 'abierto';
680      var cookieValorFinal = 'aceptado';
681      var cookieDuracionDias = 365;
682      var contendorCookieAgreement = document.getElementById('cookiesAgreement');
683      // Ya no se mueve nada aquí
684      function resetCookieAgreement(){ setCookie(cookieNombre, cookieValorInicial, cookieDuracionDias); }
685      function aceptarCookieAgreement(){
686      	setCookie(cookieNombre, cookieValorFinal, cookieDuracionDias);
687      	contendorCookieAgreement.classList.add('d-none'); contendorCookieAgreement.classList.remove('d-block');
688      }
689      function writeCookieAgreement(){ contendorCookieAgreement.classList.add('d-block'); contendorCookieAgreement.classList.remove('d-none'); }
690      var alertCookieAgreement = getCookie(cookieNombre);
691      if (alertCookieAgreement != "" && alertCookieAgreement != null) {if(alertCookieAgreement==cookieValorInicial){ writeCookieAgreement();} else {}} else { resetCookieAgreement(); writeCookieAgreement();}
692    </script>
692
693    <footer class="container mb-5" id="footer">
694      <div class="d-flex justify-content-between border-bottom pb-3"><a class="py-2 py-sm-0" href="/afore/"><img src="/afore/images/sura-logo.svg" height="40" alt="Afore SURA México" title="Afore SURA México"></a>
695        <div class="dropdown d-inline ml-3" style="z-index:99;">
696          <div class="btn btn-link btn-sm blue dropdown-toggle px-0 m-l-right" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img class="mr-1 img-flag-mx" src="/afore/images/flags/mx.svg"/> México</div>
697          <div class="dropdown-menu dropdown-menu-right shadow border-0" aria-labelledby="dropdownFlags"><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.segurossura.com.br"><img src="/afore/images/flags/br.svg" width="19.25" height="11" loading="lazy" alt="SURA Brasil"/> Brasil</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.sura.cl/Pages/home.aspx"><img src="/afore/images/flags/cl.svg" width="19.25" height="11" loading="lazy" alt="SURA Chile"/> Chile</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.segurossura.com.co/paginas/default.aspx"><img src="/afore/images/flags/co.svg" width="19.25" height="11" loading="lazy" alt="SURA Colombia"/> Colombia</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://segurossura.com.pa/"><img src="/afore/images/flags/pa.svg" width="19.25" height="11" loading="lazy" alt="SURA Panamá"/> Panamá</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.sura.pe/"><img src="/afore//images/flags/pe.svg" width="19.25" height="11" loading="lazy" alt="SURA Perú"/> Perú</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.segurossura.com.do/"><img src="/afore/images/flags/do.svg" width="20" height="17" loading="lazy" alt="SURA Rep. Dominicana"/> República Dominicana</a><a class="dropdown-item" target="_blank" rel="noopener noreferrer" href="https://www.sura.com.uy"><img src="/afore/images/flags/uy.svg" width="19.25" height="11" loading="lazy" alt="SURA Uruguay"/> Uruguay</a></div>
698        </div>
699      </div>
700      <div class="row footer mt-4">
701        <div class="col-12 col-md-3 footer-col">
702          <div class="footer-content">
703            <ul class="list-unstyled">
704              <li><a href="/afore/pdf/politica-de-proteccion-de-datos-personales.pdf" target="_blank">Política de Datos Personales</a></li>
705              <li><a href="/afore/pdf/aviso-privacidad-integral-colaboradores-y-candidatos.pdf" target="_blank">Aviso de Privacidad Colaboradores y Candidatos</a></li>
706            </ul>
707          </div>
708        </div>
709        <div class="col-12 col-md-3 footer-col">
710          <button class="footer-toggle blue" aria-expanded="false">Enlaces de interés</button>
711          <div class="footer-content">
712            <ul class="no-list pl-0 pl-md-3">
713              <li><a href="/afore/preguntas-frecuentes.html">Preguntas frecuentes</a></li>
714              <li><a href="https://empleos.sura-am.com/">Bolsa de trabajo</a></li>
715              <li><a href="/afore/codigo-de-etica.html">Código de Ética</a></li>
716              <li><a href="/afore/pdf/codigo-de-etica-para-asesores-previsionales.pdf">Código de Ética para Asesores Previsionales</a></li>
717              <li><a rel="nofollow" href="https://invierteyahorra.suramexico.com/suramexico/documentos-relacionados.html">Documentos relacionados</a></li>
718              <li><a rel="nofollow" href="https://invierteyahorra.suramexico.com/suramexico/estados-financieros.html">Estados Financieros</a></li>
719              <li><a rel="nofollow" href="https://amafore.org/" target="_blank">Amafore</a></li>
720              <li><a rel="nofollow" href="https://amafore.org/normativa/" target="_blank">Instrumentos aprobados | Amafore</a></li>
721            </ul>
722          </div>
723        </div>
724        <div class="col-12 col-md-3 footer-col">
725          <button class="footer-toggle blue" aria-expanded="false">Compromiso social SURA</button>
726          <div class="footer-content">
727            <ul class="no-list pl-0 pl-md-3">
728              <li>
728<a href="https://www.fundacionsura.com/">Fundación SURA</a></li>
729              <li><a href="/afore/sostenibilidad/">Sostenibilidad</a></li>
730              <li id="idInforme"><a href="https://www.suramexico.com/home/informe-anual-sura.html">Informe Anual</a></li>
731            </ul>
732          </div>
733        </div>
734        <div class="col-12 col-md-3 footer-col">
735          <button class="footer-toggle blue" aria-expanded="true">Contacto</button>
736          <div class="footer-content open">
737            <ul class="no-list pl-0 pl-md-3">
738              <li><a rel="nofollow" href="mailto:[email protected]"><span class="icon icon-mail-light position-relative top-1"></span> Escríbenos</a></li>
739              <li><a rel="nofollow" href="/afore/modulos-de-atencion/"><span class="icon icon-location_on position-relative top-1"></span> Sucursales</a></li>
740              <li><a href="https://afore.suramexico.com/Afore-movil-SURA/">Quiero ser cliente</a></li>
741              <li><a rel="nofollow" href="tel:4433108192">4433 10 8192</a></li>
742              <li><a href="/afore/modulos-de-atencion">Sucursales de Atención al Público</a></li>
743              <li><a rel="nofollow" href="https://c2d.click2dial-custom.com/">SURA te llama</a></li>
744              <li><a href="/afore/programar-cita.html">Agendar cita</a></li>
745              <li id="idQuejas"><a href="" target="_blank">Quejas y sugerencias</a></li>
746            </ul>
747          </div>
748        </div>
749      </div>
750      <!--.row.py-4.purple.border-bottom
751      .col-md-2.offset-md-2.link-purple.hide-tablet.hide-desktop
752      		ul.no-list.pl-3.pl-sm-0.mt-md-5.pt-md-1.mb-4.mb-md-0
753      			li: a(href=consultar_preguntas) Preguntas frecuentes
754      .col-12.col-md-4.order-4.order-md-1
755      	.col-md-4.offset-md-8.link-purple
756      		a(href="https://registro-esquemas.inai.org.mx/?page_id=177&a=1&b=1" target="_blank")
757      			.row
758      				.col-2.col-md-12
759      					img(src="/afore/images/home/inai.png" width="50" height="50")
760      				.col-10.col-md-12
761      					span.line-height-1-2.d-block.mt-2.mt-md-1 Certificado Protección de datos personales INAI
762      .col-12.col-sm-4.col-md-3.mb-3.mb-sm-0.link-purple.order-2.order-md-2.order-1
763      	p.text-uppercase.mb-4.d-none.d-sm-block: strong Enlaces de interés
764      	p.text-uppercase.mb-2.d-block.d-sm-none.evHide01(data-toggle="collapse", href="#footer1", role="button", aria-expanded="true"): strong <i class="mdi mdi-chevron-up"></i> Enlaces de interés
765      	.collapse#footer1
766      		ul.no-list.pl-3.pl-sm-0
767      			li: a(href=consultar_preguntas) Preguntas frecuentes
768      			li: a(href="https://empleos.sura-am.com/") Bolsa de trabajo
769      			li: a(href=codigo_de_etica_url) Código de Ética
770      			li: a(href=codigo_de_etica_asesores_url) Código de Ética para Asesores Previsionales
771      			li: a(rel="nofollow", href=documentos_relacionados_url) Documentos relacionados
772      			li: a(rel="nofollow", href=estados_financieros_url) Estados Financieros
773      			//-li: a(rel="nofollow", href=juego_url, target="_blank") Juego
774      			li: a(rel="nofollow", href="https://amafore.org/", target="_blank") Amafore
775      			li: a(rel="nofollow", href="https://amafore.org/normativa/", target="_blank") Instrumentos aprobados | Amafore
776      .col-12.col-sm-4.col-md-2.mb-3.mb-sm-0.link-purple.order-3.order-md-2.order-2.order-md-3
777      	p.text-uppercase.mb-4.d-none.d-sm-block: strong Compromiso social SURA
778      	p.text-uppercase.mb-2.d-block.d-sm-none.evHide02(data-toggle="collapse", href="#footer2", role="button", aria-expanded="true"): strong <i class="mdi mdi-chevron-up"></i> Compromiso social SURA
779      	.collapse#footer2
780      		ul.no-list.pl-3.pl-sm-0
781      			li: a(href="https://www.fundacionsura.com/") Fundación SURA
782      			li: a(href="https://www.artesura.com/artesura/") Arte SURA
783      			li: a(href=futuro_sostenible) Sostenibilidad
784      			li#idInforme: a(href="https://suramexico.com/home/informeAnual/") Informe Anual
785      .col-12.col-sm-4.col-md-3.col-lg-2.mb-3.mb-sm-0.link-purple.order-1.order-md-3.order-3.order-md-4
786      	p.text-uppercase.mb-4.d-none.d-sm-block: strong Contacto
787      	p.text-uppercase.mb-2.d-block.d-sm-none(data-toggle="collapse", href="#footer3", role="button", aria-expanded="true"): strong <i class="mdi mdi-chevron-up"></i> Contacto
788      	.collapse#footer3.show
789      		ul.no-list.pl-3.pl-sm-0
790      			li: a(rel="nofollow", href="mailto:"+contacto_mail) Escríbenos
791      			li: a(href=contacto_url) Quiero ser cliente
792      			li: a(rel="nofollow", href=contacto_atel)= contacto_tel
793      			li: a(href=modulos_de_atencion) Sucursales de Atención al Público
794      			li: a(rel="nofollow", href=sura_te_llama) SURA te llama
795      			li: a(href=programar_cita) Agendar cita
796      			li: a(href=quejas_y_sugerencias target="_blank") Quejas y sugerencias
797      
798      -->
799      <div class="row py-4 border-bottom">
800        <div class="col text-center">
801          <p class="mb-0"><a href="/afore/aviso-privacidad.html">Aviso de privacidad Afore</a>&nbsp; | &nbsp;<a href="/afore/proteccion-de-datos-personales.html">Protección de Datos Personales</a>&nbsp; | &nbsp;<a href="https://invierteyahorra.suramexico.com/suramexico/seguridad-informatica.html" rel="nofollow">Seguridad Informática</a>&nbsp; | &nbsp;<a href="https://suraam.sistemaetico.com/" target="_blank" rel="noopener noreferrer">Línea ética	</a></p>
802        </div>
803      </div>
804      <div class="row py-4 align-items-center mb-4 border-bottom">
805        <div class="col-12 col-sm-4 d-flex d-sm-none py-2 text-center"><a class="w-100" href="/afore/"><img src="/afore/images/sura-logo.svg" height="35" alt="Afore SURA México"></a></div>
806        <div class="col-12 col-sm-6 text-center text-sm-left py-2 order-2 order-sm-1">
807          <p class="mb-0">&copy; Copyright SURA 2026</p>
808        </div>
809        <div class="col-12 col-sm-6 text-center text-sm-right py-2 order-1 order-sm-2 purple"><a class="p-2" href="https://www.facebook.com/AforeSURAMX/" target="_blank" rel="noopener noreferrer"><i class="mdi mdi-facebook mdi-24"></i></a><a class="p-2" href="https://www.twitter.com/AforeSURAMX" target="_blank" rel="noopener noreferrer"><i class="mdi icon-x-twitter mdi-24"></i></a><a class="p-2" href="https://www.youtube.com/user/suramexico" target="_blank" rel="noopener noreferrer"><i class="mdi mdi-youtube mdi-24"></i></a><a class="p-2 icon-istagram-footer" href="https://www.instagram.com/aforesuramx/" target="_blank" rel="noopener noreferrer"><img src="/afore/images/icons/instagram.svg" width="23" height="23" alt="Instagram Afore" style="vertical-align: text-bottom;"></a><a class="p-2" href="https://www.linkedin.com/company/aforesura/" target="_blank" rel="noopener noreferrer"><i class="mdi mdi-linkedin mdi-24"></i></a></div>
810      </div>
811      <div class="row py-4 align-items-center mb-4 border-bottom" style="display:none !important;">
812        <div class="col-12 col-sm-4 d-flex d-sm-none py-2 text-center">
813          <p class="mb-0" id="preferences-state">Cargando</p>
814        </div>
815      </div>
816    </footer>
817    <!-- BEGIN GUSCHAT (MOBILE) AND LIVEPERSON MONITOOR (DESKTOP)-->
818    
818<script type="text/javascript" defer>
819      if (screen.width <= 600) {
820      var div = document.createElement("div")
821      var urlImage = div.getAttribute('src');
822      var classContainer = div.classList.add('waContainer');
823      var imageBackground = document.createElement('img');
824      imageBackground.style.verticalAlign = "middle";
825      imageBackground.setAttribute("src", "/afore/images/guschat-whatsapp.png");
826      imageBackground.setAttribute("alt", "Botón para comenzar a chatear por Whatsapp");
827      var link = document.createElement('a');
828      link.style.position = "fixed";
829      link.style.zIndex = "1021";
830      link.style.bottom = "1rem";
831      //-link.append(imageBackground);
832      var container = document.createElement('div');
833      container.style.width = "100%"; 
834      container.style.margin = "0 auto";
835      container.append(link);
836      container.classList.add('waContainer');
837      document.body.append(container);
838      link.addEventListener('click', function() {
839      window.open("https://wa.me/5215591859341?text=Hola", "_blank");
840      });
841      
842      }else{
843      function buttonStyles() {
844              var head = document.head || document.getElementsByTagName('head')[0],
845                  style = document.createElement('style');
846              const css = `
847                  #blip-chat-container iframe {
848                      bottom: 115px !important;
849                  }
850                  #blip-chat-container #blip-chat-open-iframe {
851                      width: 145px !important;
852                      max-width: 145px !important;
853                      height: 60px !important;
854                      border-radius: 30px !important;
855                      justify-content: start !important;
856                      transition: width 0.3s ease-in-out !important;
857                  }
858                  #blip-chat-container #blip-chat-open-iframe img
859                  {
860                      width: 38px !important;
861                      height: 38px !important;
862                      border-radius: 50% !important;
863                      border: 5px solid #fff !important;
864                      margin-left: 6px !important;
865                      background-color: #fff !important;
866                      box-shadow: 25px 25px 50px 0 white inset, -25px -25px 50px 0 white inset; 
867                  }
868                  #blip-chat-container #blip-chat-open-iframe svg {
869                      width: 48px !important;
870                      height: 48px !important;
871                      margin-left: 6px !important;
872                  }
873                  #blip-chat-container #blip-chat-open-iframe::after {
874                      display: block !important;
875                      content: "En línea";
876                      font-family: "Open Sans", sans-serif;
877                      font-weight: 100;
878                      margin-left: 20px !important;
879                      color: #000;
880                  }
881                  #blip-chat-container #blip-chat-open-iframe.opened {
882                      width: 60px !important;
883                  }
884                  #blip-chat-container #blip-chat-open-iframe.opened svg {
885                      border: 0 none !important;
886                      background-color: transparent !important;
887                  }
888                  #blip-chat-container #blip-chat-open-iframe.opened #blip-chat-close-icon {
889      
890                  }
891                  #blip-chat-container #blip-chat-open-iframe.opened::after {
892                      display: none !important;
893                  }
894              `;
895              head.appendChild(style);
896      
897              style.type = 'text/css';
898              if (style.styleSheet){
899                  style.styleSheet.cssText = css;
900              } else {
901                  style.appendChild(document.createTextNode(css));
902              }
903          }
904      
905          function loadScript(src, callback) {
906              const script = document.createElement('script');
907              script.src = src;
908              script.async = true; // Scripts loaded dynamically are async by default, but explicit is good.
909      
910              script.onload = () => {
911                  if (callback) callback(null, script);
912              };
913      
914              script.onerror = () => {
915                  if (callback) callback(new Error(`Failed to load script: ${src}`));
916              };
917      
918              document.head.appendChild(script);
919          }
920      
921          var blipClient = null;
922          buttonStyles();
923          loadScript('https://unpkg.com/blip-chat-widget', (error, script) => {
924              if (error) {
925                  console.error('Error loading script:', error);
926              } else {
927                  blipClient = new BlipChat();
928                  const customStyles = `
929                      @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
930                      * {
931                          font-family: "Open Sans", sans-serif;
932                          -webkit-font-smoothing: antialiased;
933                          font-smoothing: antialiased;
934                      }
935                      .blip-chat-container > img,
936                      .blip-card-photo {
937                          content:url("https://gus-static-dev.s3.amazonaws.com/sura/avatar_web_sura.png");
938                          border-radius: 4px;
939                      }
940                      .blip-card-group.left .bubble.left {
941                          background-color: #eeeded !important;
942                          border: 0 none;
943                          padding: 0;
944                      }
945                      .blip-card-group.left .bubble.left .text-left a {
946                          color: #fff !important;
947                      }
948                      .blip-card-group.left .bubble.left > div {
949                          font-size: 12px !important;
950                          line-height: 1.4 !important;
951                          padding: 10px;
952                      }
953                      .blip-card-group.left .bubble.left > div.text-left {
954                          color: #000000 !important;
955                      }
956                      .blip-card-group.right .bubble.right {
957                          background-color: #606273 !important;
958                          border: 0 none; 
959                      }
960                      .blip-card-group.right .bubble.right > div {
961                          color: #fff !important;
962                          font-size: 12px !important;
963                          line-height: 1.4 !important;
964                      }
965                      .blip-card-group.left .bubble.left .slideshow-container {
966                          padding: 0;
967                      }
968                      .blip-card-group.left .bubble.left .slideshow-container .item-list {
969                          border-radius: 4px;
970                          border: 1px solid #efefef;
971                          box-sizing: border-box;
972                          background-color: #fff;
973                          margin: 0;
974                      }    
975                      .blip-card-group.left .bubble.left .slideshow-container .item-list > li {
976                          border-top: 1px solid #efefef;
977                          margin: 0;
978                      }
979                      .blip-card-group.left .bubble.left .slideshow-container .item-list > li:last-child {
980                          padding-bottom: 10px;
981                      }
982                      .blip-card-group.left .bubble.left .slideshow-container .item-list > li > div {
983                          color: #365899 !important;
984                          font-weight: 700;
985                          font-size: 14px !important;
986                      }
987                      .collection .slideshow-container .bubble .header {
988                          padding: 0 !important;
989                      }
990                      .blip-card-container .disable-select {
991                          width: 263px !important;
992                          
993                      }
994                      .blip-card-container .disable-select .bubble.left {
995                          background-color: #fff !important;
996                      }
997                      .blip-message-group .blip-card-group>:not(:first-child) :not(.unsuported-content)>.bubble.left {
998                          border: 1px solid #efefef;
999                      }
1000                      .collection .slideshow-container .bubble .fixed-options {
1001                          padding: 0 !important;
1002                      }
1003                      .blip-card-group .blip-card .left .fixed-options li {
1004                          border-top: 1px solid #efefef;
1005                          color: #365899 !important;
1006                          font-weight: 700;
1007                          font-size: 14px !important;
1008                          margin: 0 !important;
1009                      }
1010                      #blip-chat-header {
1011                          height: 65px !important;
1012                          background-color: #00aec7 !important;
1013                      }
1014                      .blip-chat-bot-name, .blip-chat-bot-status {
1015                          color: #fff !important;
1016                      }
1017                      .blip-card .left .fixed-options li, .blip-card .left a, .blip-card .left .next, .blip-card .left .prev {
1018                          color: #000 !important;
1019                      }
1020                  `;
1021      
1022                  blipClient
1023                      .withAppKey('cHJkc3VyYXJvdXRlcmZiOjAxOTM1N2RiLWE3MjQtNDkyZi05MzhjLTdiY2NiOTRkYWE1Nw==')
1024                      .withButton({
1025                          "color": "#e3e829",
1026                          "icon": "https://gus-static-dev.s3.amazonaws.com/sura/avatar_web_sura.png"
1027                      })
1028                      .withCustomCommonUrl('https://suraaforemx.chat.blip.ai/')
1029                      .withCustomStyle(customStyles)
1030                      .withoutHistory()
1031                      .withEventHandler(BlipChat.LOAD_EVENT, function () {
1032                          blipClient.sendMessage({
1033                              "type": "text/plain",
1034                              "content": "Hola",
1035                              "metadata": {
1036                                  "#blip.hiddenMessage": true
1037                              }
1038                          });
1039      
1040                      });
1041                  blipClient.build();
1042              }
1043          });
1044      
1045      
1046      
1047      
1048      }
1049    </script>
1049
1050    <!-- END GUSCHAT AND LIVEPERSON-->
1051    
1051<script></script>
1051
1052    <style>
1053      #blip-chat-close-icon #Close {        
1054          fill: #555;          
1055      }
1056    </style>
1057    <!-- Scripts asíncronos-->
1058    
1058<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
1058
1059    
1059<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
1059
1060    
1060<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
1060
1061    
1061<script>
1062      window.jQuery || document.write('
1062<script src="/afore/js/jquery-3.5.1.min.js"><\/script>')
1063      window.jQuery || document.write('
1063<script src="/afore/js/popper.min.js"><\/script>')
1064      window.jQuery || document.write('
1064<script src="/afore/js/bootstrap.min.js"><\/script>')
1065      
1066    </script>
1066
1067    <!-- Scripts del login-->
1068    
1068<script type="text/javascript" src="/afore/js/load-back.js"></script>
1068
1069    
1069<script type="text/javascript" src="/afore/js/footer.min.js"></script>
1069
1070    
1070<script type="text/javascript" src="/afore/js/header.min.js"></script>
1070
1071    
1071<script type="text/javascript" src="/afore/js/link-environment-session-buzon.js"></script>
1071
1072    
1072<script type="text/javascript" src="/afore/readabler/js/readabler.js"></script>
1072
1073    
1073<script type="module" src="/afore/js/main-accesibility.js"> </script>
1073
1074    
1074<script>
1075      document.addEventListener("DOMContentLoaded", function () {
1076      	const cols = document.querySelectorAll(".footer-col");
1077      
1078      	function setInitialState() {
1079      		const isMobile = window.innerWidth < 768;
1080      
1081      		cols.forEach(col => {
1082      		const content = col.querySelector(".footer-content");
1083      		const button = col.querySelector(".footer-toggle");
1084      
1085      		if (isMobile) {
1086      			content.style.maxHeight = null;
1087      			col.classList.remove("open");
1088      			button.setAttribute("aria-expanded", "false");
1089      		} else {
1090      			col.classList.add("open");
1091      			content.style.maxHeight = "none";
1092      			button.setAttribute("aria-expanded", "true");
1093      		}
1094      		});
1095      	}
1096      
1097      	cols.forEach(col => {
1098      		const button = col.querySelector(".footer-toggle");
1099      		const content = col.querySelector(".footer-content");
1100      
1101      		button.addEventListener("click", () => {
1102      		if (window.innerWidth >= 768) return;
1103      
1104      		const isOpen = col.classList.contains("open");
1105      
1106      		if (isOpen) {
1107      			content.style.maxHeight = null;
1108      		} else {
1109      			content.style.maxHeight = content.scrollHeight + "px";
1110      		}
1111      
1112      		col.classList.toggle("open");
1113      		button.setAttribute("aria-expanded", !isOpen);
1114      		});
1115      	});
1116      
1117      	setInitialState();
1118      	window.addEventListener("resize", setInitialState);
1119      	});
1120      	document.querySelectorAll('.footer-toggle').forEach(button => {
1121      		button.addEventListener('click', function () {
1122      			const expanded = this.getAttribute('aria-expanded') === 'true';
1123      			const content = this.nextElementSibling; // .footer-content
1124      
1125      			this.setAttribute('aria-expanded', !expanded);
1126      			content.classList.toggle('open', !expanded);
1127      		});
1128      	});
1129    </script>
1129
1130    <style>
1131      .mdp-readabler-trigger-button-box.bottom-left {
1132      	bottom: 20px;
1133      }
1134      .mdp-readabler-trigger-button-box button{
1135      	background: #FFFFFF !important;
1136      	border:4px solid #0033A0;
1137      	padding: 15px 10px;
1138      }
1139      .mdp-readabler-trigger-button-caption{
1140      	font-size:16px;
1141      	color:#0033A0 !important;
1142      }
1143      #mdp-readabler-popup #mdp-readabler-popup-footer button,
1144      #mdp-readabler-sidebar #mdp-readabler-popup-footer button {
1145      	background: #E3E829;
1146      }
1147      #mdp-readabler-popup #mdp-readabler-popup-footer button:hover,
1148      #mdp-readabler-sidebar #mdp-readabler-popup-footer button:hover {
1149      	background: #E3E829;
1150      	color:rgba(33, 150, 243, 1);
1151      }
1152      .mdp-readabler-trigger-button-box button .mdp-readabler-trigger-button-icon svg {
1153      	width: 30px;
1154      	height: 30px;
1155      }
1156      @media screen and (max-width: 600px) {
1157      	.mdp-readabler-trigger-button-box.bottom-left {
1158      		bottom: 20px;
1159      	}
1160      }
1161    </style>
1162    
1162<script type="text/javascript" src="/afore/js/fblive.min.js"></script>
1162
1163    
1163<script>
1164      /*$(document).ready(function(){
1165      	$("#modalInfo").modal('show'); // Reemplaza 'miModal' con el ID de tu modal
1166      });*/
1167    </script>
1167
1168  </body>
1169</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.