Skip to content

Commit 45b58b0

Browse files
MariferVLMariferVL
committed
Update css
1 parent f90ec72 commit 45b58b0

3 files changed

Lines changed: 56 additions & 33 deletions

File tree

‎src/app/globals.css‎

Lines changed: 41 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -18,39 +18,27 @@
1818
/* Fondo oscuro intermedio */
1919
}
2020

21+
html {
22+
scroll-behavior: smooth;
23+
}
2124

2225
body {
2326
background-color: var(--bg-dark);
2427
color: var(--text-white);
2528
}
2629

27-
/* Gradiente con tránsito moderado entre los colores */
28-
/* .gradient-bg {
29-
background: linear-gradient(135deg,
30-
var(--primary-green) 0%,
31-
var(--accent-yellow) 50%,
32-
var(--outline-red) 100%);
33-
background-size: 400% 400%;
34-
animation: gradient 18s ease infinite;
35-
} */
30+
.bg-primary-green\/20 { background-color: rgba(var(--primary-green-rgb),0.2); }
31+
.bg-accent-yellow\/20 { background-color: rgba(var(--accent-yellow-rgb),0.2); }
3632

37-
/* .gradient-bg {
33+
.gradient-bg {
3834
background:
3935
linear-gradient(rgba(0, 0, 0, 0.1), rgba(0,0,0,0.1)),
4036
linear-gradient(135deg, var(--primary-green) 0%, var(--accent-yellow) 50%, var(--outline-red) 100%);
4137
background-size: 400% 400%;
4238
background-blend-mode: darken;
4339
animation: gradient 18s ease infinite;
44-
} */
45-
46-
.gradient-bg {
47-
background: linear-gradient(135deg, var(--primary-green) 0%, var(--accent-yellow) 50%, var(--outline-red) 100%);
48-
background-size: 400% 400%;
49-
animation: gradient 18s ease infinite;
50-
filter: brightness(0.8);
5140
}
5241

53-
5442
@keyframes gradient {
5543
0% {
5644
background-position: 0% 50%;
@@ -122,5 +110,40 @@ body {
122110
color: var(--text-white) !important;
123111
}
124112

113+
.sponsors-hero-bg {
114+
background-color: var(--primary-green);
115+
color: var(--text-white);
116+
}
117+
.sponsors-accent {
118+
color: var(--accent-yellow);
119+
}
120+
.sponsors-border {
121+
border-color: var(--primary-green);
122+
}
123+
.sponsors-card-bg {
124+
background-color: rgba(16,16,16,0.4);
125+
}
126+
.sponsors-card-hover-bg {
127+
background-color: rgba(61,139,55,0.1);
128+
}
129+
.sponsors-cta {
130+
@apply bg-transparent border-2 font-bold rounded-full transition;
131+
border-color: var(--accent-yellow);
132+
color: var(--accent-yellow);
133+
}
134+
.sponsors-cta:hover {
135+
background-color: var(--accent-yellow);
136+
color: var(--bg-dark);
137+
}
138+
/* Form fields */
139+
.sponsors-input {
140+
@apply w-full px-4 py-2 rounded-lg backdrop-blur border text-white placeholder-gray-400;
141+
background-color: rgba(16,16,16,0.5);
142+
border-color: var(--primary-green);
143+
}
144+
.sponsors-input:focus {
145+
@apply outline-none ring-2;
146+
ring-color: var(--primary-green);
147+
}
125148

126149
}

‎src/app/talks/page.js‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -77,8 +77,8 @@ export default function TalksPage() {
7777
onClick={() => setSelectedDay("")}
7878
className={`px-4 py-2 rounded-lg text-sm md:text-base font-medium whitespace-nowrap ${
7979
!selectedDay
80-
? "bg-py-green text-py-dark shadow-lg ring-2 ring-py-green ring-offset-2"
81-
: "bg-py-dark/20 hover:bg-py-dark/30 text-py-text"
80+
? "shadow-lg ring-2 ring-py-green ring-offset-2"
81+
: " text-py-text"
8282
}`}
8383
>
8484
Todos los días
@@ -89,8 +89,8 @@ export default function TalksPage() {
8989
onClick={() => setSelectedDay(city.date)}
9090
className={`px-4 py-2 rounded-lg text-sm md:text-base font-medium whitespace-nowrap ${
9191
selectedDay === city.date
92-
? "bg-py-green text-py-dark shadow-lg ring-2 ring-py-green ring-offset-2"
93-
: "bg-py-dark/20 hover:bg-py-dark/30 text-py-text"
92+
? "text-py-dark shadow-lg ring-2 ring-offset-2"
93+
: "text-py-text"
9494
}`}
9595
>
9696
{city.date.split(",")[0]} - {city.name}
@@ -99,7 +99,7 @@ export default function TalksPage() {
9999
</div>
100100
</div>
101101
{/* Filtros de charlas */}
102-
<div className="mb-8 bg-py-dark/20 backdrop-blur-sm rounded-lg p-4 md:p-6">
102+
<div className="mb-8 backdrop-blur-sm rounded-lg p-4 md:p-6">
103103
<div className="flex flex-col md:flex-row gap-4 md:items-center justify-between">
104104
<div className="flex items-center gap-2 flex-wrap">
105105
<select
@@ -133,7 +133,7 @@ export default function TalksPage() {
133133
placeholder="Buscar charlas..."
134134
value={searchQuery}
135135
onChange={(e) => setSearchQuery(e.target.value)}
136-
className="bg-py-dark/30 text-py-text border border-py-text/20 rounded pl-9 pr-3 py-1.5 w-full md:w-64 text-sm focus:outline-none focus:ring-2 focus:ring-py-green"
136+
className="text-py-text border border-py-text/20 rounded pl-9 pr-3 py-1.5 w-full md:w-64 text-sm focus:outline-none focus:ring-2 focus:ring-py-green"
137137
/>
138138
<svg
139139
xmlns="http://www.w3.org/2000/svg"
@@ -172,7 +172,7 @@ export default function TalksPage() {
172172
})}
173173
</div>
174174
) : (
175-
<div className="bg-py-dark/20 backdrop-blur-sm rounded-lg p-6 md:p-8 text-center">
175+
<div className="backdrop-blur-sm rounded-lg p-6 md:p-8 text-center">
176176
<div className="w-16 h-16 md:w-20 md:h-20 bg-py-red/30 rounded-full flex items-center justify-center mx-auto mb-4">
177177
<svg
178178
xmlns="http://www.w3.org/2000/svg"

‎src/components/Header.js‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ export default function Header() {
5454
<div className="block md:hidden">
5555
<button
5656
onClick={() => setIsMenuOpen(!isMenuOpen)}
57-
className="text-py-text p-2 hover:bg-py-green/20 rounded-md transition-colors"
57+
className="text-py-text p-2 rounded-md transition-colors"
5858
aria-label={isMenuOpen ? "Cerrar menú" : "Abrir menú"}
5959
>
6060
{isMenuOpen ? (
@@ -75,22 +75,22 @@ export default function Header() {
7575
<Link href="/talks" className="text-py-text hover:text-py-yellow transition-colors">Charlas</Link>
7676
<Link href="/multimedia" className="text-py-text hover:text-py-yellow transition-colors">Multimedia</Link>
7777
<Link href="/previous-editions" className="text-py-text hover:text-py-yellow transition-colors">Ediciones Anteriores</Link>
78-
<Link href="/register" className="px-4 py-2 bg-py-green text-py-text hover:bg-py-green/80 transition-colors rounded-full font-medium">Registrarse</Link>
78+
<Link href="/register" className="px-4 py-2 text-py-text transition-colors rounded-full font-medium">Registrarse</Link>
7979
</nav>
8080
</div>
8181

8282
{/* Menú móvil desplegable */}
8383
{isMenuOpen && (
8484
<div
8585
ref={menuRef}
86-
className="md:hidden absolute left-0 right-0 top-full bg-py-dark/95 backdrop-blur-lg border-t border-py-green/30 shadow-lg animate-fadeIn"
86+
className="md:hidden absolute left-0 right-0 top-full backdrop-blur-lg border-t border-py-green/30 shadow-lg animate-fadeIn"
8787
>
8888
<nav className="flex flex-col py-3">
89-
<Link href="/" onClick={handleLinkClick} className="px-6 py-3 text-py-text hover:bg-py-green/20 transition-colors">Inicio</Link>
90-
<Link href="/talks" onClick={handleLinkClick} className="px-6 py-3 text-py-text hover:bg-py-green/20 transition-colors">Charlas</Link>
91-
<Link href="/multimedia" onClick={handleLinkClick} className="px-6 py-3 text-py-text hover:bg-py-green/20 transition-colors">Multimedia</Link>
92-
<Link href="/previous-editions" onClick={handleLinkClick} className="px-6 py-3 text-py-text hover:bg-py-green/20 transition-colors">Ediciones Anteriores</Link>
93-
<Link href="/register" onClick={handleLinkClick} className="mx-6 my-3 px-4 py-2 bg-py-green text-py-text hover:bg-py-green/80 transition-colors rounded-full font-medium text-center">Registrarse</Link>
89+
<Link href="/" onClick={handleLinkClick} className="px-6 py-3 text-py-text transition-colors">Inicio</Link>
90+
<Link href="/talks" onClick={handleLinkClick} className="px-6 py-3 text-py-text transition-colors">Charlas</Link>
91+
<Link href="/multimedia" onClick={handleLinkClick} className="px-6 py-3 text-py-text transition-colors">Multimedia</Link>
92+
<Link href="/previous-editions" onClick={handleLinkClick} className="px-6 py-3 text-py-text transition-colors">Ediciones Anteriores</Link>
93+
<Link href="/register" onClick={handleLinkClick} className="mx-6 my-3 px-4 py-2 text-py-text transition-colors rounded-full font-medium text-center">Registrarse</Link>
9494
</nav>
9595
</div>
9696
)}

0 commit comments

Comments
 (0)