productora page

pages/productoras/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="">
     <div class="content">
       <HeroWithSearch 
         title="Encuentra tu entidad aliada"
@@ -81,13 +81,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.container {
+.content {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
-  gap: 4rem;
+  gap: 1rem;
   margin-top: 2rem;
 
   .cards-section {