{"id":811,"date":"2024-05-20T23:01:24","date_gmt":"2024-05-20T23:01:24","guid":{"rendered":"https:\/\/divcsh.izt.uam.mx\/cipol\/?page_id=811"},"modified":"2026-07-22T17:59:57","modified_gmt":"2026-07-22T17:59:57","slug":"servicio-social","status":"publish","type":"page","link":"https:\/\/divcsh.izt.uam.mx\/cipol\/index.php\/servicio-social\/","title":{"rendered":"Servicio Social"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"811\" class=\"elementor elementor-811\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f154135 e-flex e-con-boxed e-con e-parent\" data-id=\"f154135\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d336201 elementor-widget elementor-widget-html\" data-id=\"d336201\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n  \/* CONTENEDOR PRINCIPAL                      *\/\r\n\r\n  .ss-premium-container {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 50px;\r\n    margin: 40px auto;\r\n    max-width: 1250px;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    align-items: stretch;\r\n  }\r\n\r\n \r\n  \/* COLUMNA IZQUIERDA: TIMELINE INTERACTIVO   *\/\r\n  \r\n  .ss-timeline-col {\r\n    flex: 1 1 60%;\r\n    padding-right: 20px;\r\n  }\r\n\r\n  .ss-main-title {\r\n    font-size: 2.2rem;\r\n    color: #5C9C38;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -1px;\r\n    margin-bottom: 40px;\r\n    line-height: 1.2;\r\n    text-shadow: 2px 2px 0px rgba(92,156,56,0.1);\r\n  }\r\n\r\n  .timeline-wrapper {\r\n    position: relative;\r\n    padding-left: 45px;\r\n  }\r\n\r\n  \/* La l\u00ednea brillante del timeline *\/\r\n  .timeline-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 17px;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 4px;\r\n    background: linear-gradient(to bottom, #5C9C38 0%, #a8e063 50%, #5C9C38 100%);\r\n    border-radius: 4px;\r\n    box-shadow: 0 0 10px rgba(92,156,56,0.4);\r\n  }\r\n\r\n  \/* Tarjetas de cada paso *\/\r\n  .timeline-step {\r\n    position: relative;\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    padding: 25px;\r\n    margin-bottom: 30px;\r\n    box-shadow: 0 8px 25px rgba(0,0,0,0.04);\r\n    border: 1px solid #f0f4f8;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  .timeline-step:hover {\r\n    transform: translateX(15px) scale(1.02);\r\n    box-shadow: 0 15px 35px rgba(92,156,56,0.15);\r\n    border-color: #5C9C38;\r\n    z-index: 10;\r\n  }\r\n\r\n  \/* El c\u00edrculo num\u00e9rico *\/\r\n  .step-number {\r\n    position: absolute;\r\n    left: -63px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 40px;\r\n    height: 40px;\r\n    background: #5C9C38;\r\n    color: #ffffff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.2rem;\r\n    font-weight: 900;\r\n    border: 4px solid #ffffff;\r\n    box-shadow: 0 0 15px rgba(92,156,56,0.6);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .timeline-step:hover .step-number {\r\n    transform: translateY(-50%) scale(1.15);\r\n    background: #457a27;\r\n  }\r\n\r\n  .step-text {\r\n    font-size: 1.1rem;\r\n    color: #4a5568;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  .step-highlight {\r\n    color: #5C9C38;\r\n    font-weight: 700;\r\n  }\r\n\r\n \r\n  \/* TARJETA DE CONTACTO        *\/\r\n\r\n  .contact-vip-card {\r\n    background: linear-gradient(135deg, #f6fbf4 0%, #ffffff 100%);\r\n    border-left: 8px solid #5C9C38;\r\n    border-radius: 16px;\r\n    padding: 30px;\r\n    margin-top: 50px;\r\n    box-shadow: 0 12px 30px rgba(0,0,0,0.08);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Decoraci\u00f3n de fondo en la tarjeta *\/\r\n  .contact-vip-card::after {\r\n    content: '\ud83d\udcac';\r\n    position: absolute;\r\n    right: -20px;\r\n    bottom: -30px;\r\n    font-size: 8rem;\r\n    opacity: 0.04;\r\n    transform: rotate(-15deg);\r\n  }\r\n\r\n  .contact-title {\r\n    font-size: 1.4rem;\r\n    font-weight: 800;\r\n    color: #2c3e50;\r\n    margin: 0 0 10px 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .contact-text {\r\n    font-size: 1.1rem;\r\n    color: #4a5568;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \r\n  \/* COLUMNA DERECHA: VIDEO CON MARCO M\u00d3VIL    *\/\r\n \r\n  .ss-video-col {\r\n    flex: 1 1 35%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    position: sticky;\r\n    top: 40px;\r\n  }\r\n\r\n  \/* Simulador de celular de gama alta *\/\r\n  .phone-frame {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 320px;\r\n    background: #111;\r\n    border-radius: 40px;\r\n    padding: 12px;\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.25), inset 0 0 10px rgba(255,255,255,0.2);\r\n    border: 2px solid #e2e8f0;\r\n  }\r\n\r\n  \/* El \"notch\" o c\u00e1mara del celular *\/\r\n  .phone-frame::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 12px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 120px;\r\n    height: 25px;\r\n    background: #111;\r\n    border-bottom-left-radius: 15px;\r\n    border-bottom-right-radius: 15px;\r\n    z-index: 5;\r\n  }\r\n\r\n  .video-content {\r\n    width: 100%;\r\n    border-radius: 30px;\r\n    overflow: hidden;\r\n    background: #000;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .video-content video {\r\n    width: 100%;\r\n    display: block;\r\n    border-radius: 30px;\r\n    outline: none;\r\n  }\r\n\r\n\r\n  \/* RESPONSIVO (M\u00d3VILES)                      *\/\r\n \r\n  @media (max-width: 900px) {\r\n    .ss-premium-container { flex-direction: column; }\r\n    .ss-video-col { position: relative; top: 0; order: -1; margin-bottom: 40px; }\r\n    .timeline-step:hover { transform: translateY(-5px); }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ss-premium-container\">\r\n  \r\n  <!-- COLUMNA IZQUIERDA: INSTRUCCIONES -->\r\n  <div class=\"ss-timeline-col\">\r\n    <h2 class=\"ss-main-title\">Instrucciones para consultar los proyectos de Servicio Social<\/h2>\r\n    \r\n    <div class=\"timeline-wrapper\">\r\n      \r\n      <!-- PASO 1 -->\r\n      <div class=\"timeline-step\">\r\n        <div class=\"step-number\">1<\/div>\r\n        <p class=\"step-text\">Ingresa a la p\u00e1gina oficial del <span class=\"step-highlight\">SDIP<\/span>.<\/p>\r\n      <\/div>\r\n\r\n      <!-- PASO 2 -->\r\n      <div class=\"timeline-step\">\r\n        <div class=\"step-number\">2<\/div>\r\n        <p class=\"step-text\">Sin iniciar sesi\u00f3n, presiona la opci\u00f3n <span class=\"step-highlight\">\"Formatos\"<\/span> ubicada en la parte superior; ah\u00ed encontrar\u00e1s tambi\u00e9n los formatos para inscribir el servicio social.<\/p>\r\n      <\/div>\r\n\r\n      <!-- PASO 3 -->\r\n      <div class=\"timeline-step\">\r\n        <div class=\"step-number\">3<\/div>\r\n        <p class=\"step-text\">Una vez dentro, dir\u00edgete al final de la p\u00e1gina, donde se encuentra la opci\u00f3n para consultar la <span class=\"step-highlight\">carpeta de proyectos aprobados<\/span>.<\/p>\r\n      <\/div>\r\n\r\n      <!-- PASO 4 -->\r\n      <div class=\"timeline-step\">\r\n        <div class=\"step-number\">4<\/div>\r\n        <p class=\"step-text\">Cuando hayas abierto el PDF con los proyectos, oprime las teclas <span class=\"step-highlight\">Ctrl + F<\/span> y en la barra que aparecer\u00e1 escribe <strong>\"Ciencia Pol\u00edtica\"<\/strong> para que se marquen todos los proyectos vigentes que aceptan alumnos de la carrera.<\/p>\r\n      <\/div>\r\n\r\n      <!-- PASO 5 -->\r\n      <div class=\"timeline-step\">\r\n        <div class=\"step-number\">5<\/div>\r\n        <p class=\"step-text\">Antes de inscribirte al servicio social, es totalmente necesario que consultes al <span class=\"step-highlight\">asesor interno o externo responsable<\/span> del proyecto.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n   \r\n    <div class=\"contact-vip-card\">\r\n      <h3 class=\"contact-title\">\ud83d\udccd \u00bfTienes alguna duda?<\/h3>\r\n      <p class=\"contact-text\">\r\n        Puedes acudir al cub\u00edculo <span class=\"step-highlight\">F-026<\/span> con la <strong>Lic. Brianda Natalye Garrido Ledezma<\/strong>, Asistente de Servicio Social, Bolsa de Trabajo y Movilidad Estudiantil.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n \r\n  <div class=\"ss-video-col\">\r\n    <div class=\"phone-frame\">\r\n      <div class=\"video-content\">\r\n        \r\n        <video controls>\r\n          <source src=\"https:\/\/divcsh.izt.uam.mx\/cipol\/wp-content\/uploads\/2025\/02\/Sin-titulo-6.mp4\" type=\"video\/mp4\">\r\n          Tu navegador no soporta el formato de video.\r\n        <\/video>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Instrucciones para consultar los proyectos de Servicio Social 1 Ingresa a la p\u00e1gina oficial del SDIP. 2 Sin iniciar sesi\u00f3n, presiona la opci\u00f3n \u00abFormatos\u00bb ubicada en la parte superior; ah\u00ed encontrar\u00e1s tambi\u00e9n los formatos para inscribir el servicio social. 3 Una vez dentro, dir\u00edgete al final de la p\u00e1gina, donde se encuentra la opci\u00f3n para [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-811","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","a021d615acb00704d22a215bb20821ff":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"d0505c9bc2c3a100918983b7672c5e6d":"","hero_alignment1":"left","hero_alignment2":"center","hero_vertical_alignment":"center","69a73150cebfaece67402936f1c0455f":"","hero_structure":"narrow","bd1080d581870d75437a0aec7ce14d23":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"a45ed0d64b9a771c158335017296bd80":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":{"desktop":"32px","tablet":"30px","mobile":"25px"},"line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":{"desktop":"12px","tablet":"12px","mobile":"12px"},"line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"n6","size":"12px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"default":{"color":"rgba(41, 51, 60, 0.2)"}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"backgroundColor":{"default":{"color":"#EDEFF2"}}},"c0700eea2d5f2a79943114245d9b0d3c":"","page_structure_type":"default","content_style":"inherit","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"backgroundColor":{"default":{"color":"#ffffff"}}},"content_boxed_spacing":{"desktop":"40px","tablet":"35px","mobile":"20px"},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"content_boxed_shadow":{"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"05c14464af83440d2458a3b59cd3c7c8":"","disable_featured_image":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/divcsh.izt.uam.mx\/cipol\/index.php\/wp-json\/wp\/v2\/pages\/811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/divcsh.izt.uam.mx\/cipol\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/divcsh.izt.uam.mx\/cipol\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/divcsh.izt.uam.mx\/cipol\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/divcsh.izt.uam.mx\/cipol\/index.php\/wp-json\/wp\/v2\/comments?post=811"}],"version-history":[{"count":9,"href":"https:\/\/divcsh.izt.uam.mx\/cipol\/index.php\/wp-json\/wp\/v2\/pages\/811\/revisions"}],"predecessor-version":[{"id":1979,"href":"https:\/\/divcsh.izt.uam.mx\/cipol\/index.php\/wp-json\/wp\/v2\/pages\/811\/revisions\/1979"}],"wp:attachment":[{"href":"https:\/\/divcsh.izt.uam.mx\/cipol\/index.php\/wp-json\/wp\/v2\/media?parent=811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}