diff --git a/posgrados/assets/css/posgrados.less b/posgrados/assets/css/posgrados.less
index 488b621..99cf8a6 100644
--- a/posgrados/assets/css/posgrados.less
+++ b/posgrados/assets/css/posgrados.less
@@ -676,55 +676,67 @@ Nav Menu Sec
 		}
 	}
 }
+/* ==========
+Variables
+========== */
+@color-prin: #ff6600; // Cambia estos colores por los que necesites
+@color-sec: #333333;
+
+/* Variables for colors */
+@color-prin: #bb8800;
+@color-sec: #1e3c70;
+@bg-color: rgba(255, 255, 255, 0.6);
 
 /* ==========
 Hero
 ========== */
 #hero {
-	width: 100%;
+    width: 100%;
     min-height: 100vh;
     background: url("../img/solid.png") top center;
-	background-size: cover;
-	position: relative;
+    background-size: cover;
+    position: relative;
     display: flex;
     justify-content: center;
     align-items: flex-end;
     color: white;
 
- 
-
-    .hero-container{
+    .hero-container {
         width: 85%;
         height: 82vh;
         display: flex;
         gap: 10px;
         color: white;
 
-        .box-information1{
+        .box-information1 {
             width: 50%;
             height: 82vh;
             padding-top: 3px;
 
-            li{
+            li {
                 list-style: none;
             }
-            span{
+
+            span {
                 color: @color-prin;
             }
-            h2{
+
+            h2 {
                 font-weight: 700;
-                letter-spacing: 1px;margin: 15px 0;
+                letter-spacing: 1px;
+                margin: 15px 0;
             }
-            h3{
+
+            h3 {
                 font-size: 25px;
             }
 
-            .line-information{
+            .line-information {
                 border-left: 3px solid @color-prin;
                 padding-left: 15px;
                 position: relative;
                 margin: 20px 0;
-                &:before{
+                &:before {
                     content: '';
                     position: absolute;
                     width: 15px;
@@ -735,12 +747,10 @@ Hero
                     left: -9px;
                     border: solid 2px @color-sec;
                 }
-                
             }
-
         }
 
-        .box-information2{
+        .box-information2 {
             width: 50%;
             height: 82vh;
             display: flex;
@@ -749,161 +759,80 @@ Hero
             color: rgba(0, 0, 0, 0.7);
             margin-top: 25px;
 
-            span{
+            span {
                 color: @color-prin;
                 font-weight: 600;
                 letter-spacing: 1px;
                 font-size: 25px;
             }
-            .information-2-card{
+
+            .information-2-card {
                 width: 90%;
                 height: 90%;
                 border-radius: 15px;
                 padding: 10px;
                 position: relative;
                 z-index: 5;
-                position: absolute;
                 display: flex;
                 flex-direction: column;
                 justify-content: space-around;
                 padding-left: 35px;
-				background: rgba(255, 255, 255, 0.6);
+                background: rgba(255, 255, 255, 0.6);
 
-				&::before{
-					content: '';
-					width: 60px;
-					height: 60px;
-					border-left: 5px @color-sec solid;
-					border-top: 5px @color-sec solid;
-					position: absolute;
-					top: 7px;
-					left: 7px;
-					border-radius: 6px;
-				}
-
-				&::after{
-					content: '';
-					width: 60px;
-					height: 60px;
-					border-bottom: 5px @color-sec solid;
-					border-right: 5px @color-sec solid;
-					position: absolute;
-					bottom: 7px;
-					right: 7px;
-					border-radius: 6px;
-				}
-
-
-                div{
-        
-                    line-height: 10px;       
+                &::before {
+                    content: '';
+                    width: 60px;
+                    height: 60px;
+                    border-left: 5px @color-sec solid;
+                    border-top: 5px @color-sec solid;
+                    position: absolute;
+                    top: 7px;
+                    left: 7px;
+                    border-radius: 6px;
                 }
-                p{
+
+                &::after {
+                    content: '';
+                    width: 60px;
+                    height: 60px;
+                    border-bottom: 5px @color-sec solid;
+                    border-right: 5px @color-sec solid;
+                    position: absolute;
+                    bottom: 7px;
+                    right: 7px;
+                    border-radius: 6px;
+                }
+
+                div {
+                    line-height: 10px;
+                }
+
+                p {
                     font-weight: 400;
                 }
-
-                
             }
-        }   
+        }
+    }
+
+    @media (max-width: 1200px) {
+        .hero-container {
+            flex-direction: column;
+            align-items: center;
+            justify-content: space-around;
+
+            .box-information1 {
+                width: 100%;
+                height: auto;
+            }
+
+            .box-information2 {
+                width: 100%;
+                height: auto;
+            }
+        }
     }
 }
-
-#main{
-    width: 100%;
-    height: 100vh;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: rgba(0,0,0,0.7);
-
-    li{
-        list-style: none;
-    }
-
-
-    .main-container{
-        width: 85%;
-        height: 85%;
-        display: flex;
-        gap: 40px;
-        margin-bottom: 30px;
-
-        h2{
-            margin-bottom: 40px;
-        }
-        .box1,.box2{
-            width: 50%;
-            height: 100%;
-
-            h2{
-                
-                font-weight: 600;
-                font-size: 30px;
-            }
-            span{
-                color: @color-prin;
-            }
-
-            ul,li{
-                margin: 13px 0;
-            }
-        }
-        .box-line1{
-            border-left: 4px solid @color-prin;
-            padding-left: 20px;
-            position: relative;
-            padding-bottom: 40px;
-            &::before{
-                content: '';
-                position: absolute;
-                width: 15px;
-                height: 15px;
-                background: white;
-                border: solid 3px @color-sec;
-                border-radius: 50%;
-                top:0px;
-                left: -9px;
-            }
-            &::after{
-                content: '';
-                position: absolute;
-                width: 15px;
-                height: 15px;
-                background: white;
-                border: solid 3px @color-sec;
-                border-radius: 50%;
-                top: 88px;
-                left: -9px;
-            }
-            
-        }
-
-        .box-line2{
-            border-left: 4px solid @color-prin;
-            padding-left: 20px;
-            position: relative;
-
-            &::before{
-                content: '';
-                position: absolute;
-                width: 15px;
-                height: 15px;
-                background: white;
-                border: solid 3px @color-sec;
-                border-radius: 50%;
-                top:0px;
-                left: -9px;
-            }
-        }
-
-    }
-}
-
-
-
-
-
-
+ 
 /* ==========
 Footer
 ========== */
@@ -912,23 +841,28 @@ Footer
 	padding: 0 0 30px 0;
 	color: #fff;
 	font-size: 14px;
+
 	.footer-top {
 		background: linear-gradient(rgba(2, 2, 2, 0.9), rgba(20, 30, 48, 0.9)), url("../img/bg/_DSC3031.jpg") fixed top;
 		background-size: cover;
 		border-bottom: 1px solid #222222;
 		padding: 60px 0 30px 0;
+
 		.footer-info {
 			margin-bottom: 30px;
+
 			h3 {
 				font-size: 28px;
 				margin: 0 0 20px 0;
 				padding: 2px 0 2px 0;
 				line-height: 1;
 				font-weight: 700;
+
 				span {
 					color: #bb8800;
 				}
 			}
+
 			p {
 				font-size: 14px;
 				line-height: 24px;
@@ -938,6 +872,7 @@ Footer
                 text-align: justify;
 			}
 		}
+
 		.social-links {
 			a {
 				font-size: 18px;
@@ -952,6 +887,7 @@ Footer
 				width: 36px;
 				height: 36px;
 				transition: 0.3s;
+
 				&:hover {
 					background: #ffc451;
 					color: #151515;
@@ -959,6 +895,7 @@ Footer
 				}
 			}
 		}
+
 		h4 {
 			font-size: 16px;
 			font-weight: 600;
@@ -966,31 +903,38 @@ Footer
 			position: relative;
 			padding-bottom: 12px;
 		}
+
 		.footer-links {
 			margin-bottom: 30px;
+
 			ul {
 				list-style: none;
 				padding: 0;
 				margin: 0;
+
 				i {
 					padding-right: 2px;
 					color: #ffc451;
 					font-size: 18px;
 					line-height: 1;
 				}
+
 				li {
 					padding: 10px 0;
 					display: flex;
 					align-items: center;
+
 					&:first-child {
 						padding-top: 0;
 					}
 				}
+
 				a {
 					color: #fff;
 					transition: 0.3s;
 					display: inline-block;
 					line-height: 1;
+
 					&:hover {
 						color: #ffc451;
 					}
@@ -998,4 +942,54 @@ Footer
 			}
 		}
 	}
-}
\ No newline at end of file
+
+    @media (max-width: 768px) {
+        .footer-top {
+            padding: 30px 0 15px 0;
+            .footer-info h3 {
+                font-size: 24px;
+            }
+            .footer-info p {
+                font-size: 12px;
+                line-height: 22px;
+            }
+            .social-links a {
+                font-size: 16px;
+                width: 30px;
+                height: 30px;
+                padding: 6px 0;
+            }
+            .footer-links h4 {
+                font-size: 14px;
+            }
+            .footer-links ul li {
+                padding: 8px 0;
+            }
+        }
+    }
+
+    @media (max-width: 480px) {
+        .footer-top {
+            padding: 20px 0 10px 0;
+            .footer-info h3 {
+                font-size: 20px;
+            }
+            .footer-info p {
+                font-size: 10px;
+                line-height: 20px;
+            }
+            .social-links a {
+                font-size: 14px;
+                width: 28px;
+                height: 28px;
+                padding: 5px 0;
+            }
+            .footer-links h4 {
+                font-size: 12px;
+            }
+            .footer-links ul li {
+                padding: 6px 0;
+            }
+        }
+    }
+}
diff --git a/posgrados/index.html b/posgrados/index.html
index 21cda39..4afb116 100644
--- a/posgrados/index.html
+++ b/posgrados/index.html
@@ -32,141 +32,79 @@
 
 </head>
 
-<body>
-
-  <!-- ======= Header ======= -->
-  <!--<header id="header" class="fixed-top ">-->
-  <header id="header">
-    <div class="container d-flex align-items-center justify-content-between">
-        <div class="">
-          <a href="https://www.unam.mx/" target="_blank"><img src="../assets/img/escudos/logo_unam-b.png" alt="" class="img-fluid logo"></a>
-          <a href="https://www.acatlan.unam.mx/" target="_blank" class="mr-auto"><img src="../assets/img/escudos/escudo-b2.png" alt="" class="img-fluid logo-unam"></a>
-        </div>
-		
-        <h1>FES <span>Acatlán</span></h1>
-		
-		
-      <nav class="nav-menu d-none d-lg-block">
-        <ul>
-          <li><a href="#">Normatividad</a></li>
-          <li><a href="#">Tienda Acatlán</a></li>
-        </ul>
-      </nav><!-- .nav-menu -->
-
-    </div>
-	<div class="container ">
-		<nav class="nav-menu-2 d-none d-lg-block">
-        <ul>
-          <li><a href="#">Inicio</a></li>
-          <li><a href="#">Licenciaturas</a></li>
-		  <li><a href="#">Posgrados</a></li>
-		  <li><a href="#">Investigación</a></li>
-		  <li><a href="#">Cursos y Diplomados</a></li>
-		  <li><a href="#">Otros</a></li>
-        </ul>
-      </nav><!-- .nav-menu -->
-	</div>
-  </header><!-- End Header -->
-
-  <!-- ======= Hero Section ======= -->
-  <section id="hero">
-    <div class="hero-container">
-
+<!-- ======= Hero Section ======= -->
+<section id="hero">
+  <div class="hero-container">
       <div class="box-information1">
           <h2>Doctorado en Artes y Diseño</h2>
           <div class="line-information">
-            <p>La <span>Facultad de Estudios Superiores Acatlán</span> participa como Sede Alterna en este Programa conformado por las siguientes entidades academicas participantes:</p>
-            
-            <ul>
-              <li><i class="bi bi-chevron-right"></i> Escuela Nacional De Artes Cinematográficas</li>
-              <li><i class="bi bi-chevron-right"></i> Facultad de Arquitecturas</li>
-              <li><i class="bi bi-chevron-right"></i> Facultad de Artes y Diseño</li>
-              <li><i class="bi bi-chevron-right"></i> Instituto de Investigación Estéticas</li>
-            </ul>
-
+              <p>La <span>Facultad de Estudios Superiores Acatlán</span> participa como Sede Alterna en este Programa conformado por las siguientes entidades academicas participantes:</p>
+              <ul>
+                  <li><i class="bi bi-chevron-right"></i> Escuela Nacional De Artes Cinematográficas</li>
+                  <li><i class="bi bi-chevron-right"></i> Facultad de Arquitecturas</li>
+                  <li><i class="bi bi-chevron-right"></i> Facultad de Artes y Diseño</li>
+                  <li><i class="bi bi-chevron-right"></i> Instituto de Investigación Estéticas</li>
+              </ul>
           </div>
-          <h3><i class="bi bi-book"></i>  Objetivo</h3>
+          <h3><i class="bi bi-book"></i> Objetivo</h3>
           <div class="line-information">
               <p>Preparar al alumno para realizar investigaciones originales y de alto nivel, en tomo a un problema o problemas específicos propios de algúnos de los campos de conocimiento del Programa con base en el dominio de conocimientos teóricos, metodológicos y sobre procedimentales</p>
               <p>Que el alumno adquiera una sólida formación disciplinaria teórica, técnica y metodológica, para la realización de investigaciones teórico-prácticas originales, que le permita ejercer la profresión tanto a nivel</p>
           </div>
-
       </div>
-
       <div class="box-information2">
           <div class="information-2-card">
-            <h2><span><i class="bi bi-file-person-fill"></i>  Contacto</span></h2>
-            <div>
-              <p><strong>Responsable del posgrado en Artes y Diseño (FES Acatlán)</strong></p>
-              <p><strong>Dr. Omar Lezáma Galindo</strong></p>
-              <p><strong>Teléfono y fax:</strong> 56-23-17-50 ext.38860</p>
-              <p>Cubículo 36 primer piso del edifcio de Posgrado</p>
-              <p><strong>Correo Electrónico: </strong> <a href="">pada@acatlan.unam.mx</a></p>
-            </div>
-            <div>
-              <p><strong>Grado que se otorga:</strong></p>
-              <p>Doctor en Artes y Diseño</p>
-            </div>
-            <div>
-              <p><strong>Plan de estudios</strong></p>
-              <p>Consulta el <a href="">Plan de estudios</a> para obtener información acerca de la</p>
-              <p>estructura curricular y de las actividades académicas correspondientes</p>
+              <h2><span><i class="bi bi-file-person-fill"></i> Contacto</span></h2>
+              <div>
+                  <p><strong>Responsable del posgrado en Artes y Diseño (FES Acatlán)</strong></p>
+                  <p><strong>Dr. Omar Lezáma Galindo</strong></p>
+                  <p><strong>Teléfono y fax:</strong> 56-23-17-50 ext.38860</p>
+                  <p>Cubículo 36 primer piso del edifcio de Posgrado</p>
+                  <p><strong>Correo Electrónico: </strong> <a href="">pada@acatlan.unam.mx</a></p>
+              </div>
+              <div>
+                  <p><strong>Grado que se otorga:</strong></p>
+                  <p>Doctor en Artes y Diseño</p>
+              </div>
+              <div>
+                  <p><strong>Plan de estudios</strong></p>
+                  <p>Consulta el <a href="">Plan de estudios</a> para obtener información acerca de la estructura curricular y de las actividades académicas correspondientes</p>
+              </div>
+              <div>
+                  <p><strong>Normas operativas</strong></p>
+                  <p>Consulta las <a href="">Normas Operativas</a> para obtener información acerca de la operación del Programa de Posgrado en Artes y Diseño</p>
               </div>
-            <div>
-              <p><strong>Normas operativas</strong></p>
-              <p>Consulta las <a href="">Normas Operativas</a> para obtener información acerca de la</p> 
-              <p>operación del Programa de Posgrado en Artes y Diseño</p>
-            </div>
-
           </div>
       </div>
+  </div>
+</section><!-- End Hero -->
 
-    </div>
-  </section><!-- End Hero -->
-
-  <main id="main">
-    <div class="main-container">
-        <div class="box1">
-          <h2><i class="bi bi-book" style="color: #1e3c70;"></i> <span>Dirigido a:</span> </h2>
-
+<main id="main">
+  <div class="main-container">
+      <div class="box1">
+          <h2><i class="bi bi-book" style="color: #1e3c70;"></i> <span>Dirigido a:</span></h2>
           <div class="box-line1">
-            <p>Profesionales ya titulados con formación en torno a la imágen estática o en movimiento, las artes y artes visuales así como disciplinas afines con la educación y desarrollos plásticos en tercera dimensión</p>
-         
+              <p>Profesionales ya titulados con formación en torno a la imágen estática o en movimiento, las artes y artes visuales así como disciplinas afines con la educación y desarrollos plásticos en tercera dimensión</p>
               <p>El plan de estudios de doctorado busca cubrir los requerimientos que plantea un nuevo entorno cultural en donde la participación de los productores de imágenes visuales es cada vez más importantes. En este sentido, el plan de estudios tiende a una reverberación de la actividad del artista visual, el diseñador, el comunicador visual, el docente en artes y diseño, y el documentalista cinematográfico, manteniendo un equilibrio entre las artes, las humanidades y las cientas. Así mismo, pretende que el egresado del doctorado, a través de sus manifestaciones plásticas(producción) ofrezca el material para que otras disciplinas como la historia del arte, la filosofía, ciencias políticas, estudios latinoamericanos, continúen desarrollando investigaciones teóricas sobre lenguajes y el hecho artístico realizado en un momento determinado</p>
           </div>
-        </div>
-
-        <div class="box2">
+      </div>
+      <div class="box2">
           <h2><i class="bi bi-book" style="color: #1e3c70;"></i> <span>Campo laboral</span></h2>
           <div class="box-line2">
-            <ul>
-              <li>
-                <i class="bi bi-chevron-right"></i> El ejercicio profesional, individual y grupal y su representación en espacios de exhibición públicos o privados
-              </li>
-              <li>
-                <i class="bi bi-chevron-right"></i> La participación en centros de Investigación y producción artística, con financiamiento público o privado
-              </li>
-              <li>
-                <i class="bi bi-chevron-right"></i> La realización de actividades docentes en el campo de las artes, el diseño y la comunicación visual, la docencia en artes y diseño, y el cine documental en centros educativos, públicos y privados
-              </li>
-              <li>
-                <i class="bi bi-chevron-right"></i> La presentación de servicios especializados de asesoría, consultoría y gestión en los campos de conocimientos del programa
-              </li>
-              <li>
-                <i class="bi bi-chevron-right"></i> La colaboración en publicaciones especializadas en el ámbito de la investigación en los campos de conocimiento del programa
-              </li>
-              <li>
-                <i class="bi bi-chevron-right"></i> El intercambio de información en los campos de conocimiento del Programa, en foros y modalidades afines en el país y en el extranjero
-              </li>
-            </ul>
-            
+              <ul>
+                  <li><i class="bi bi-chevron-right"></i> El ejercicio profesional, individual y grupal y su representación en espacios de exhibición públicos o privados</li>
+                  <li><i class="bi bi-chevron-right"></i> La participación en centros de Investigación y producción artística, con financiamiento público o privado</li>
+                  <li><i class="bi bi-chevron-right"></i> La realización de actividades docentes en el campo de las artes, el diseño y la comunicación visual, la docencia en artes y diseño, y el cine documental en centros educativos, públicos y privados</li>
+                  <li><i class="bi bi-chevron-right"></i> La presentación de servicios especializados de asesoría, consultoría y gestión en los campos de conocimientos del programa</li>
+                  <li><i class="bi bi-chevron-right"></i> La colaboración en publicaciones especializadas en el ámbito de la investigación en los campos de conocimiento del programa</li>
+                  <li><i class="bi bi-chevron-right"></i> El intercambio de información en los campos de conocimiento del Programa, en foros y modalidades afines en el país y en el extranjero</li>
+              </ul>
           </div>
-        </div>
-    </div>
+      </div>
+  </div>
+</main><!-- End #main -->
 
-    
 
-  </main><!-- End #main -->
 
   <!-- ======= Footer ======= -->
   <footer id="footer">