Merge branch 'main' of https://dev.e-360.com.mx/Besins/Ogestan_Drossagyn_Papilocare

OgestanPlus/contenido/01.html

@@ -34,7 +34,7 @@
                   <hr class="m-0 mt-2 opacity-100 border-top-2 text-white">
                 </div>
               </div>
-              <div class="col-12 text-center" data-sal="flip-up">
+              <div class="col-12 text-center mb-3" data-sal="flip-up">
                 <div class="w-100 position-relative">
                   <div id="wrap-comenzar"
                     data-sec="sec1"
@@ -43,6 +43,9 @@
                   </div>
                 </div>
               </div>
+              <div class="col-9 col-md-7 text-center d-block d-lg-none">
+                <img src="img/01.1.png" class="img-fluid floating">
+              </div>
             </div>
           </div>
         </div>

OgestanPlus/contenido/04.html

@@ -109,10 +109,10 @@
                   inmunológicos</strong>.</li>
             </ul>
           </div>
-          <div class="col-12 col-md-10 col-lg-8" data-sal="flip-down">
+          <div class="col-11 col-md-10 col-lg-8" data-sal="flip-down">
             <div class="card bg-var-3 border-0 rounded-4 shadow-none p-2 p-md-3">
               <div class="row justify-content-center">
-                <div class="col-12 text-center">
+                <div class="col-11 text-center">
                   <img src="img/04.6.png" class="img-fluid">
                 </div>
               </div>

OgestanPlus/contenido/07.html

@@ -181,7 +181,7 @@
   flex: 1;
   display: grid;
   grid-template-columns: 1fr;
-  grid-template-rows: 56% auto;
+  grid-template-rows: 60% auto;
   justify-content: center;
   align-items: center;
 }
@@ -230,6 +230,24 @@
       max-width: 65%;
     }
 
+    .grid-cierre {
+      grid-template-rows: 458px auto;
+    }
+
+    .bg-pass {
+      background-image: none;
+    }
+
+    .bg-fail {
+      background-image: none;
+    }
+
+  }
+
+  @media(min-width: 1400px) {
+    .m-h {
+      height: 100%;
+    }
   }
 </style>
 <div class="page-sco full-height page-activity" id="inicio">
@@ -300,10 +318,14 @@
 <div class="page-sco page-activity full-height" id="cierre" style="display: none;">
   <div class="grid-cierre">
     <div class="part1-cierre h-100 d-flex flex-column justify-content-center">
-      <div class="flex-fill w-100 h-100 bg-pass passed" style="display: none;"></div>
-      <div class="flex-fill w-100 h-100 bg-fail failed" style="display: none;"></div>
+      <div class="flex-fill w-100 h-100 bg-pass passed" style="display: none;">
+        <img src="img/actividad/bannerbien.jpg" class="img-fluid w-100 d-none d-xl-block m-h">
+      </div>
+      <div class="flex-fill w-100 h-100 bg-fail failed" style="display: none;">
+        <img src="img/actividad/bannermal.jpg" class="img-fluid w-100 d-none d-xl-block m-h">
+      </div>
     </div>
-    <div class="part2-cierre h-100 d-flex flex-column justify-content-center align-items-center">
+    <div class="part2-cierre h-100 d-flex flex-column justify-content-center align-items-center py-2">
       <div class="container">
         <div class="row align-items-center justify-content-center pt-2">
           <div class="col-12 col-md-8">

OgestanPlus/contenido/08.html

@@ -1,8 +1,8 @@
 <style>
   .back0 {
-    background-image: url(img/bg07.jpg);
+    background-image: url(img/bg07s.jpg);
     background-size: cover;
-    background-position: 68% 100%;
+    background-position: top center;
     background-repeat: no-repeat;
   }
 
@@ -15,8 +15,9 @@
     display: none;
   }
 
-  @media(min-width: 768px) {
+  @media(min-width: 991px) {
     .back0 {
+      background-image: url(img/bg07.jpg);
       background-position: 68% 100%;
     }
   }
@@ -25,8 +26,11 @@
   <div class='container'>
     <div class='row justify-content-center align-items-center'>
       <div class='col-12 anim0'>
-        <div class='row justify-content-center justify-content-md-start'>
-          <div class="col-12 col-md-7 animate__animated animate__bounceInDown">
+        <div class='row justify-content-center justify-content-lg-start'>
+          <div class="col-9 col-md-6 text-center d-block d-lg-none">
+            <img src="img/08.0.png" class="img-fluid floating">
+          </div>
+          <div class="col-12 col-md-10 col-lg-7 animate__animated animate__bounceInDown text-center text-lg-start">
             <div class="position-relative d-inline-block mb-3">
               <h1 class="text-secondary fw-bold">¡Excelente trabajo!</h1>
               <hr class="m-0 text-secondary border-top-perso">