fanfuso/amoryroma
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cambios menu

Browse Source
This commit is contained in:
ppugliese
2026-08-31 21:36:37 -03:00
parent 0840c945d7
commit 4283a135f4
2 changed files with 48 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+2 -2
View File
@@ -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
+46 -14
View File
@@ -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 ===== */