cambios menu

index.html

@@ -238,9 +238,9 @@
     <a href="#cotizador" class="btn btn-outline plan-main-cta">Consulta tu plan ideal</a>
   </section>
 
-  <!-- ===== SERVICIOS A LA CARTA ===== -->
+  <!-- ===== POTENCIADORES DE NEGOCIO ===== -->
   <section class="servicios-carta" id="servicios-carta">
-    <div class="eyebrow">Servicios a la carta</div>
+    <div class="eyebrow">Potenciadores de negocio</div>
     <h2>Para complementar cualquier <span class="grad-word">plan,</span><br>o contratar de forma <span class="grad-word">independiente.</span></h2>
     <p class="lede">Elegí los servicios que necesitás, sin compromiso mensual. Todo lo que tu marca necesita, a tu ritmo.</p>
     <div class="acc" id="acc">

styles.css

@@ -326,30 +326,62 @@ section .lede { text-align: center; max-width: 900px; margin-bottom: 38px; }
   background: rgba(17, 9, 22, 0.7); /* Fondo sutil para cada item */
   border-radius: 10px;
   padding: 2px 0
+
 }
 .acc-head {
-  display: flex; align-items: center; justify-content: space-between;
+  display: flex; 
-  padding: 20px 4px; cursor: pointer;
+  align-items: center; 
+  justify-content: space-between;
+  padding: 20px 24px; 
+  cursor: pointer;
 }
 .acc-head-left { display: flex; align-items: center; gap: 16px; }
-.acc-num { font-family: var(--font-display); font-style: italic; color: var(--dusty); font-size: 14px; opacity: 0.5; }
+.acc-num { font-family: var(--font-display); font-style: italic; color: var(--dusty); font-size: 14px; opacity: 1; }
 .acc-name { font-family: var(--font-ui); font-size: 26px; font-weight: 400; }
 .acc-toggle {
-  width: 26px; height: 26px; border-radius: 100px;
+  width: 26px; 
+  height: 26px; 
+  border-radius: 100px;
   border: 1px solid rgba(234,240,238,.15);
-  display: flex; align-items: center; justify-content: center;
+  display: flex; 
-  font-size: 14px; color: var(--claro); transition: .25s;
+  align-items: center; 
+  justify-content: center;
+  font-size: 14px; 
+  color: var(--claro); 
+  transition: .25s; 
+  line-height: 1; 
+  position: relative;
+}
+.acc-toggle::before {
+  content: '+';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 .acc-item.open .acc-toggle { transform: rotate(45deg); border-color: var(--bordo); color: var(--bordo); }
 .acc-body { max-height: 0; overflow: hidden; transition: .35s ease; }
 .acc-item.open .acc-body { max-height: 600px; }
-.acc-body-inner { padding: 0 4px 26px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+.acc-body-inner { 
+  padding: 0 24px 24px 24px; 
+  display: grid; 
+  grid-template-columns: 1fr 1fr; 
+  gap: 16px; 
+}
 .service-row {
-  font-family: var(--font-ui); font-size: 16px; color: rgba(234,240,238,.6);
+  font-family: var(--font-ui); font-size: 14px; color: rgba(234,240,238,.8);
   padding: 12px 0; border-top: 1px solid rgba(234,240,238,.04);
 }
-.service-row b { display: block; color: var(--claro); font-size: 14px; margin-bottom: 3px; font-weight: 500; }
+.service-row b { 
-.service-row .price { color: var(--claro); font-family: var(--font-display); font-style: italic; font-size: 13px; }
+  display: block; 
+  color: var(--claro);
+  font-family: var(--font-display); 
+  font-style: italic; 
+  font-size: 20px; 
+  margin-bottom: 3px; 
+  font-weight: 400; 
+}
+.service-row .price { color: var(--dusty); font-family: var(--font-display); font-style: italic; font-size: 13px; }
 
 /* ===== PROCESO ===== */
 .arcade-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
@@ -360,7 +392,7 @@ section .lede { text-align: center; max-width: 900px; margin-bottom: 38px; }
 }
 .arch {
   width: 100%; aspect-ratio: 1/1; max-height: 100px;
-  border: 2px solid rgba(234,240,238,.06); border-bottom: none;
+  border: 2px solid rgba(234,240,238,0.4); border-bottom: none;
   border-radius: 100px 100px 0 0;
   display: flex; align-items: flex-end; justify-content: center;
   padding-bottom: 16px; margin-bottom: 16px;
@@ -372,17 +404,17 @@ section .lede { text-align: center; max-width: 900px; margin-bottom: 38px; }
 .arch.final svg { width: 22px; height: 22px; stroke: #fff; fill: none; stroke-width: 2; }
 .cat {
   font-family: var(--font-ui); font-size: 10px; letter-spacing: .14em;
-  text-transform: uppercase; color: var(--ligth-teal); font-weight: 500;
+  text-transform: uppercase; color: var(--ligth-teal); font-weight: 900;
   margin-bottom: 6px;
 }
 .column:nth-child(even) .cat { color: var(--bordo); }
 .step-title {
-  font-family: var(--font-display); font-style: italic; font-weight: 500;
+  font-family: var(--font-display); font-style: italic; font-weight: 600;
   font-size: 15px; margin-bottom: 6px;
 }
 .step-desc {
   font-family: var(--font-ui); font-size: 12px; line-height: 1.5;
-  color: var(--dusty);
+  color: var(--claro);
 }
 
 /* ===== CIFRAS ===== */