diff --git a/assets/css/main.css b/assets/css/main.css
index 217e93b..494a92c 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -566,7 +566,7 @@ Hero
 }
 #hero:before {
   content: "";
-  background: rgba(0, 0, 0, 0.13);
+  background: rgba(0, 0, 0, 0.527);
   position: absolute;
   bottom: 0;
   top: 0;
diff --git a/idiomas/index.html b/idiomas/index.html
index cc97bcb..7c71a2c 100644
--- a/idiomas/index.html
+++ b/idiomas/index.html
@@ -72,14 +72,15 @@
     <section id="hero" class="p-3 d-flex flex-column justify-content-center">
       <div class="container d-flex"data-aos="fade-up">
         <div class="row gx-5">
-          <div class="col-6">
-            <div class="bg-light p-4 text-black bg-opacity-25 text-start top-0 start-0"><h2>Idiomas Acatlán</h2>
+          <div class="col-md-6">
+            <div class="p-4 text-white text-start top-0 start-0"><h3>Idiomas Acatlán</h3>
+              
               <h4>objetivo</h4>
               <p class="text-justify ">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Blanditiis aut commodi, impedit illo maxime quos doloremque? Laboriosam voluptatibus, expedita rerum tempora, ex nostrum quia sit voluptate voluptatem at sapiente quod.</p>
             </div>
           </div>
-          <div class="col-6">
-            <div class="bg-light p-4 text-primary bg-opacity-50 text-start top-0 end-0">Convocatoria
+          <div class="col-md-6">
+            <div class="bg-secondary bg-gradient p-4 text-white bg-opacity-75 text-start top-0 end-0 rounded-3">Convocatoria
               <p class="text-justify">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui laudantium beatae facilis modi fugiat. Nulla, in recusandae consectetur quo itaque voluptatem quam rerum accusantium laboriosam soluta quibusdam quasi odit. Itaque?</p>
             </div>
           </div>