ppugliese/new_amoryroma
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

separacion de footer y menu

Browse Source
This commit is contained in:
ppugliese
2026-09-08 22:03:49 -03:00
parent 77e85a3328
commit 8658853405
12 changed files with 213 additions and 489 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+11 -8
View File
@@ -182,7 +182,7 @@ section { padding-block: var(--space-6); position: relative; }
.gap-3 { gap: var(--space-3); }
.gap-4 { gap: var(--space-4); }
.grid { display: grid; gap: var(--space-3); }
.grid { display: grid; gap: var(--space-3); border-radius: 24px; }
@media (min-width: 860px) {
.grid-2 { grid-template-columns: 1fr 1fr; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
@@ -200,7 +200,7 @@ section { padding-block: var(--space-6); position: relative; }
font-family: var(--font-small);
font-size: var(--step--1);
font-weight: 500;
padding: 0.5rem 1.6rem;
padding: 0.2rem 1.6rem;
border-radius: 999px;
border: 1px solid transparent;
transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
@@ -210,15 +210,15 @@ section { padding-block: var(--space-6); position: relative; }
.btn:focus-visible { outline: 3px solid var(--accent-roma-bright); outline-offset: 3px; }
.btn-primary {
background: linear-gradient(135deg, var(--c-magenta), var(--c-teal-web));
background: color-mix(in srgb, var(--accent-amor) 85%, black);
color: #fff;
}
.btn-primary:hover { background: color-mix(in srgb, var(--accent-amor) 85%, black); }
.btn-secondary {
background: transparent;
color: var(--text);
border-color: var(--border-strong);
color: var(--accent-roma-bright);
border-color: var(--accent-roma-bright);
}
.btn-secondary:hover { border-color: var(--accent-roma-bright); color: var(--accent-roma-bright); }
@@ -283,10 +283,13 @@ section { padding-block: var(--space-6); position: relative; }
.nav-actions { display: flex; align-items: center; gap: var(--space-2); }
.theme-toggle {
width: 42px; height: 42px; border-radius: 50%;
width: 42px;
height: 42px;
border-radius: 50%;
border: 1px solid var(--border-strong);
background: var(--bg-raised);
display: grid; place-items: center;
display: grid;
place-items: center;
color: var(--text);
}
.theme-toggle svg { width: 18px; height: 18px; }
@@ -481,7 +484,7 @@ html[data-theme="dark"] .theme-toggle .icon-moon { display: block; }
.plan-card {
border: 1px solid var(--border);
border-radius: 24px 24px 12px 12px;
border-radius: 24px 24px 24px 24px;
padding: var(--space-3);
background: var(--bg-raised);
display: flex; flex-direction: column; gap: var(--space-2);