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&version=v7.0&appId=186529722173287&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)">×</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&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">✕</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> | <a href="/afore/proteccion-de-datos-personales.html">Protección de Datos Personales</a> | <a href="https://invierteyahorra.suramexico.com/suramexico/seguridad-informatica.html" rel="nofollow">Seguridad Informática</a> | <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">© 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.