Update: CC interno M2

Ogestan_andractiv/contenido/03.html

@@ -101,8 +101,8 @@
 
     .mySwiper .swiper-slide-active img {
         opacity: 1;
-        -webkit-transform: scale(1);
-        transform: scale(1);
+        -webkit-transform: scale(1.4);
+        transform: scale(1.4);
         object-fit: fill;
     }
 
@@ -146,7 +146,7 @@
     }
 
     .customSwiper .swiper-slide {
-        height: 300px !important;
+        height: auto !important;
     }
 
     .customSwiper .swiper-slide {
@@ -167,6 +167,20 @@
         }
 
         .swiper-nav::before {
+
+        /* Forzar slides al 100% de ancho en pantallas pequeñas para evitar cortes */
+        .mySwiper .swiper-slide,
+        .customSwiper .swiper-slide {
+            flex: 0 0 100% !important;
+            width: 100% !important;
+            max-width: 100% !important;
+            box-sizing: border-box;
+        }
+
+        /* Asegurar que el contenedor no recorte los slides */
+        .swiper {
+            overflow: visible;
+        }
             content: "";
             display: block;
             width: 60%;
@@ -204,7 +218,7 @@
     @media (max-width: 576px) {
 
         .customSwiper .swiper-slide {
-            height: 370px !important;
+            height: auto !important;
         }
 
         .avatar-circle img {
@@ -212,7 +226,7 @@
         }
 
         .mySwiper .swiper-slide-active img {
-            padding: 9px;
+            padding: 0px;
         }
 
     }
@@ -232,7 +246,7 @@
                         <div class="row justify-content-center align-items-center">
                             <div class="col-10 col-md-12">
                                 <div class="card custom-card flat">
-                                    <div class="card-body">
+                                    <div class="card-body my-3 my-md-0">
                                         <!-- Swiper -->
                                         <div class="swiper mySwiper">
                                             <div class="swiper-wrapper">
@@ -439,7 +453,7 @@
                                                         <div class="card w-100 bg-white border-custom">
                                                             <div class="card-body py-md-5 px-md-5">
                                                                 <h3 class="text-blue-4 fw-semibold">Vitamina D</h3>
-                                                                <p>Mejora la <b>calidad</b> del semen y la <b>fertilidad
+                                                                <p>Mejora la <b class="text-orange-1">calidad</b> del semen y la <b class="text-orange-1">fertilidad
                                                                         masculina</b>.</p>
                                                             </div>
                                                         </div>