- Servicios a la carta
+ Potenciadores de negocio
Para complementar cualquier plan,
o contratar de forma independiente.
Elegà los servicios que necesitás, sin compromiso mensual. Todo lo que tu marca necesita, a tu ritmo.
diff --git a/styles.css b/styles.css
index b9704a2..88f1faf 100644
--- a/styles.css
+++ b/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;
- padding: 20px 4px; cursor: pointer;
+ display: flex;
+ 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;
- font-size: 14px; color: var(--claro); transition: .25s;
+ display: flex;
+ 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 .price { color: var(--claro); font-family: var(--font-display); font-style: italic; font-size: 13px; }
+.service-row b {
+ 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 ===== */