fix tonteria de movil /

Author: quiellll

stratum.html

@@ -239,6 +239,20 @@
 
         /* Media queries */
         @media (max-width: 991px) {
+
+            .section-header h2 {
+                text-align: center;
+            }
+
+            .section-header h2 .english-text {
+                display: block; 
+                font-style: italic; 
+            }
+
+            .section-header h2::after {
+                content: ""; 
+            }
+
             .navbar-collapse {
                 margin-top: 1rem;
                 border-top: 1px solid rgba(255, 255, 255, 0.1);
@@ -290,6 +304,11 @@
                 background: #1a1a1a;
                 z-index: -1;
             }
+
+            .section-header h2 .english-text {
+                margin-left: 0;
+                display: inline; 
+            }
         }
     </style>
 </head>
@@ -315,7 +334,7 @@
                 <div class="collapse navbar-collapse" id="navbarNav">
                     <ul class="navbar-nav">
                         <li class="nav-item">
-                            <a class="nav-link text-special py-2" href="index.html">Inicio / <span class="english-text">Home</span></a>
+                            <a class="nav-link text-special py-2" href="index.html">Inicio <span class="d-none d-md-inline">/</span> <span class="english-text">Home</span></a>
                         </li>
                         <li class="nav-item">
                             <a class="nav-link active text-special py-2" href="#">Stratum</a>
@@ -357,7 +376,7 @@ <h1 class="display-4 mb-4">Stratum</h1>
         <section class="mb-5">
             <div class="section-header">
                 <div class="container">
-                    <h2 class="text-center">Facciones / <span class="english-text">Factions</span></h2>
+                    <h2 class="text-center">Facciones <span class="d-none d-md-inline">/</span> <span class="english-text">Factions</span></h2>
                 </div>
             </div>
 
@@ -414,7 +433,7 @@ <h3 class="h4 card-title mb-3">Fungi</h3>
         <section class="mb-5">
             <div class="section-header">
                 <div class="container">
-                    <h2 class="text-center">Reglas / <span class="english-text">Rules</span></h2>
+                    <h2 class="text-center">Reglas <span class="d-none d-md-inline">/</span> <span class="english-text">Rules</span></h2>
                 </div>
             </div>
             <div class="section-content">
@@ -448,7 +467,7 @@ <h4>Conceptos básicos / <span class="english-text">Basic concepts</span></h4>
 
         <section class="game-features mb-5">
             <div class="section-header text-center">
-                <h2 class="text-special m-0">Características / <span class="english-text">Features</span></h2>
+                <h2 class="text-special m-0">Características <span class="d-none d-md-inline">/</span> <span class="english-text">Features</span></h2>
             </div>
             <div class="feature-grid">
                 <div class="text-body game-feature">