cambios esteticos en menu y hero
This commit is contained in:
+201
-195
@@ -3,7 +3,7 @@
|
||||
Manual de Marca: Azul Petróleo (#0A485E), Verde Esmeralda (#13A78A), Gris Neutro (#9A9A9A)
|
||||
========================================================================== */
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Bebas+Neue&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');
|
||||
|
||||
/* --- 1. Variables de Color y Tema --- */
|
||||
:root {
|
||||
@@ -14,9 +14,11 @@
|
||||
--ide-accent: #40ab8e;
|
||||
--ide-accent-hover: #4fb389;
|
||||
--ide-accent-soft: rgba(19, 167, 138, 0.12);
|
||||
--ide-gray: #1b1717;
|
||||
--ide-excellence: #a83c41;
|
||||
|
||||
--ide-dark-gray: #1b1717;
|
||||
--ide-excellence: #4fb389;
|
||||
--ide-projects: #ed8d01;
|
||||
--ide-academy: #a83c41;
|
||||
--ide-digital: #2c69ab;
|
||||
|
||||
/* Tema Claro (Por defecto) */
|
||||
--bg-body: #F8FAFB;
|
||||
@@ -26,6 +28,7 @@
|
||||
--border-color: #E2E8F0;
|
||||
--border-subtle: #EEF2F6;
|
||||
|
||||
--text-primary: #094b63;
|
||||
--text-main: #0E2833;
|
||||
--text-body: #334A56;
|
||||
--text-muted: #64748B;
|
||||
@@ -52,8 +55,12 @@
|
||||
--bg-subtle: #24333E;
|
||||
--border-color: #2D3D4A;
|
||||
--border-subtle: #1F2C36;
|
||||
--ide-excellence: #ed3401;
|
||||
--ide-excellence: #4fb389;
|
||||
--ide-projects: #ed8d01;
|
||||
--ide-academy: #a83c41;
|
||||
--ide-digital: #2c69ab;
|
||||
|
||||
--text-primary:#4fb389;
|
||||
--text-main: #F1F5F9;
|
||||
--text-body: #CBD5E1;
|
||||
--text-muted: #8E9FAA;
|
||||
@@ -114,28 +121,53 @@ button, input, select, textarea {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: var(--text-main);
|
||||
line-height: 1.25;
|
||||
/* Bebas Neue con tracking específico para nombres del ecosistema */
|
||||
.font-bebas-tracking {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
letter-spacing: 0.445em;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* Barlow Semicondensed Bold para H1 */
|
||||
h1 {
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: clamp(2.2rem, 5vw, 4.5rem);
|
||||
line-height: 1.15;
|
||||
color: var(--text-main);
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
|
||||
h1 { font-size: clamp(2.2rem, 5vw, 3.5rem); }
|
||||
h2 { font-size: clamp(1.8rem, 3.5vw, 2.5rem); }
|
||||
h3 { font-size: clamp(1.3rem, 2.5vw, 1.8rem); }
|
||||
h4 { font-size: 1.25rem; }
|
||||
|
||||
/* Barlow Condensed Medium para Eyebrows */
|
||||
.eyebrow {
|
||||
display: inline-block;
|
||||
font-size: 0.85rem;
|
||||
font-weight: 700;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 1.2rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.12em;
|
||||
color: var(--ide-accent);
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
color: var(--text-main);
|
||||
line-height: 1.25;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
|
||||
h2 { font-size: clamp(1.8rem, 3.5vw, 2.5rem); }
|
||||
h3 { font-size: clamp(1.3rem, 2.5vw, 1.8rem); }
|
||||
h4 { font-size: 1.25rem; }
|
||||
|
||||
/* Texto general con Plus Jakarta Sans */
|
||||
p, li, .lead-text, .text-body, .text-muted {
|
||||
font-family: 'Plus Jakarta Sans', sans-serif;
|
||||
}
|
||||
|
||||
.lead-text {
|
||||
font-size: 1.15rem;
|
||||
color: var(--text-muted);
|
||||
@@ -204,25 +236,6 @@ h4 { font-size: 1.25rem; }
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
/* Logo SVG interactivo por defecto */
|
||||
.brand-logo-svg {
|
||||
height: 38px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.brand-logo-svg .logo-text {
|
||||
fill: var(--ide-primary);
|
||||
transition: fill var(--transition-normal);
|
||||
}
|
||||
|
||||
.brand-logo-svg .logo-accent {
|
||||
fill: var(--ide-accent);
|
||||
}
|
||||
|
||||
[data-theme="dark"] .brand-logo-svg .logo-text {
|
||||
fill: #FFFFFF;
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -231,12 +244,15 @@ h4 { font-size: 1.25rem; }
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
font-size: 0.95rem;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 1rem;
|
||||
color: var(--text-body);
|
||||
position: relative;
|
||||
padding: 0.35rem 0;
|
||||
white-space: nowrap;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.nav-link:hover, .nav-link.active {
|
||||
@@ -259,6 +275,32 @@ h4 { font-size: 1.25rem; }
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
.nav-item.dropdown {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
background: var(--bg-surface);
|
||||
list-style: none;
|
||||
padding: 10px 0;
|
||||
margin: 0;
|
||||
min-width: 180px;
|
||||
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.dropdown-menu .nav-link {
|
||||
display: block;
|
||||
padding: 8px 20px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.nav-item.dropdown:hover .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Switch de Tema Claro/Oscuro */
|
||||
.theme-toggle-btn {
|
||||
@@ -288,7 +330,7 @@ h4 { font-size: 1.25rem; }
|
||||
|
||||
/* --- Botón Hamburguesa Móvil --- */
|
||||
.mobile-toggle-btn {
|
||||
display: none; /* Oculto por defecto en desktop */
|
||||
display: none;
|
||||
background: var(--bg-subtle);
|
||||
border: 1px solid var(--border-color);
|
||||
color: var(--text-main);
|
||||
@@ -308,7 +350,6 @@ h4 { font-size: 1.25rem; }
|
||||
}
|
||||
|
||||
/* --- Menú Móvil Overlay --- */
|
||||
/* --- Overlay oscuro detrás del drawer --- */
|
||||
.mobile-menu-overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
@@ -349,7 +390,6 @@ h4 { font-size: 1.25rem; }
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
/* Cabecera del drawer con botón cerrar */
|
||||
.drawer-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -388,8 +428,10 @@ h4 { font-size: 1.25rem; }
|
||||
}
|
||||
|
||||
.mobile-nav-links .nav-link {
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* --- 6. Botones --- */
|
||||
@@ -398,8 +440,11 @@ h4 { font-size: 1.25rem; }
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.6rem;
|
||||
font-weight: 700;
|
||||
font-size: 0.95rem;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-weight: 500;
|
||||
font-size: 2.9rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.09em;
|
||||
padding: 0.75rem 1.6rem;
|
||||
border-radius: var(--radius-sm);
|
||||
border: 1.5px solid transparent;
|
||||
@@ -543,25 +588,17 @@ h4 { font-size: 1.25rem; }
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
|
||||
.hero-card-entry .entry-icon {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background-color: var(--ide-accent-soft);
|
||||
color: var(--ide-accent);
|
||||
border-radius: var(--radius-sm);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1.25rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.hero-card-entry h3 {
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.hero-card-entry p {
|
||||
font-family: 'Plus Jakarta Sans', sans-serif;
|
||||
font-size: 0.88rem;
|
||||
color: var(--text-muted);
|
||||
line-height: 1.5;
|
||||
@@ -569,12 +606,15 @@ h4 { font-size: 1.25rem; }
|
||||
|
||||
.hero-card-entry .entry-link-text {
|
||||
margin-top: 1rem;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 0.85rem;
|
||||
color: var(--ide-accent);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.35rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
/* Gráfico Conceptual Nodos / Infinito */
|
||||
@@ -600,14 +640,22 @@ h4 { font-size: 1.25rem; }
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
/* --- 9. Bloque 2: La Tensión y El Quiebre --- */
|
||||
.infinito-camino-box .font-bebas-tracking {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
letter-spacing: 0.445em;
|
||||
font-size: 1.3rem;
|
||||
color: var(--text-main);
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
/* --- 9. Bloque 2: La Tensión y El Quiebre
|
||||
.tension-box {
|
||||
background-color: var(--bg-surface);
|
||||
border-radius: var(--radius-lg);
|
||||
border: 1px solid var(--border-color);
|
||||
padding: clamp(2rem, 5vw, 3.5rem);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
}--- */
|
||||
|
||||
/* --- 10. Bloque 3: La Brújula IDE (Diagnóstico Interactivo) --- */
|
||||
.brujula-container {
|
||||
@@ -629,6 +677,13 @@ h4 { font-size: 1.25rem; }
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.brujula-header h2 {
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 1.75rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.brujula-progress-bar {
|
||||
width: 100%;
|
||||
height: 6px;
|
||||
@@ -654,6 +709,13 @@ h4 { font-size: 1.25rem; }
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brujula-step h3 {
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.brujula-options-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
@@ -685,6 +747,14 @@ h4 { font-size: 1.25rem; }
|
||||
background-color: var(--ide-accent-soft);
|
||||
}
|
||||
|
||||
.brujula-option-card .opt-title {
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
display: block;
|
||||
font-size: 0.95rem;
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
|
||||
.brujula-radio-bullet {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
@@ -734,6 +804,15 @@ h4 { font-size: 1.25rem; }
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.method-step-card h3 {
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 1.15rem;
|
||||
margin-bottom: 0.6rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.method-num {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
font-size: 2.2rem;
|
||||
@@ -770,19 +849,58 @@ h4 { font-size: 1.25rem; }
|
||||
display: inline-block;
|
||||
padding: 0.25rem 0.65rem;
|
||||
border-radius: var(--radius-sm);
|
||||
font-size: 0.75rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.05em;
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
font-size: 0.85rem;
|
||||
letter-spacing: 0.445em;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 1rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.badge-excellence { background-color: rgba(10, 72, 94, 0.15); color: var(--ide-primary); }
|
||||
[data-theme="dark"] .badge-excellence { background-color: rgba(10, 72, 94, 0.4); color: #4fb389; }
|
||||
.ecosystem-card h3 {
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 1.25rem;
|
||||
margin-bottom: 0.75rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.badge-project { background-color: rgba(238, 184, 90, 0.15); color: #ed8d01; }
|
||||
.badge-academy { background-color: rgba(245, 70, 11, 0.15); color: var(--ide-excellence); }
|
||||
.badge-digital { background-color: rgba(99, 102, 241, 0.15); color: #2c69ab; }
|
||||
.badge-excellence {
|
||||
background-color: rgba(79, 179, 137, 0.15);
|
||||
color: var(--ide-excellence);
|
||||
}
|
||||
[data-theme="dark"] .badge-excellence {
|
||||
background-color: rgba(79, 179, 137, 0.25);
|
||||
color: var(--ide-excellence);
|
||||
}
|
||||
|
||||
.badge-project {
|
||||
background-color: rgba(237, 141, 1, 0.15);
|
||||
color: var(--ide-projects);
|
||||
}
|
||||
[data-theme="dark"] .badge-project {
|
||||
background-color: rgba(237, 141, 1, 0.25);
|
||||
color: var(--ide-projects);
|
||||
}
|
||||
|
||||
.badge-academy {
|
||||
background-color: rgba(168, 60, 65, 0.15);
|
||||
color: var(--ide-academy);
|
||||
}
|
||||
[data-theme="dark"] .badge-academy {
|
||||
background-color: rgba(168, 60, 65, 0.25);
|
||||
color: var(--ide-academy);
|
||||
}
|
||||
|
||||
.badge-digital {
|
||||
background-color: rgba(44, 105, 171, 0.15);
|
||||
color: var(--ide-digital);
|
||||
}
|
||||
[data-theme="dark"] .badge-digital {
|
||||
background-color: rgba(44, 105, 171, 0.25);
|
||||
color: var(--ide-digital);
|
||||
}
|
||||
|
||||
/* --- 13. Modales (Pop-ups de Desafíos y Cursos) --- */
|
||||
.modal-backdrop {
|
||||
@@ -850,6 +968,11 @@ h4 { font-size: 1.25rem; }
|
||||
color: var(--ide-accent);
|
||||
}
|
||||
|
||||
.modal-window h3 {
|
||||
font-family: 'Barlow Semi Condensed', sans-serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* --- 14. Espacio de Imágenes Genéricas / Placeholders --- */
|
||||
.img-placeholder {
|
||||
width: 100%;
|
||||
@@ -873,12 +996,13 @@ h4 { font-size: 1.25rem; }
|
||||
.img-placeholder-icon {
|
||||
font-size: 2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
color: var(--ide-gray);
|
||||
color: var(--ide-dark-gray);
|
||||
}
|
||||
|
||||
.img-placeholder-label {
|
||||
font-size: 0.85rem;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 0.85rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
@@ -890,15 +1014,19 @@ h4 { font-size: 1.25rem; }
|
||||
|
||||
.form-label {
|
||||
display: block;
|
||||
font-size: 0.9rem;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 0.9rem;
|
||||
color: var(--text-main);
|
||||
margin-bottom: 0.4rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
width: 100%;
|
||||
padding: 0.8rem 1rem;
|
||||
font-family: 'Plus Jakarta Sans', sans-serif;
|
||||
font-size: 0.95rem;
|
||||
background-color: var(--bg-body);
|
||||
border: 1px solid var(--border-color);
|
||||
@@ -918,6 +1046,7 @@ h4 { font-size: 1.25rem; }
|
||||
border-radius: var(--radius-sm);
|
||||
margin-top: 1rem;
|
||||
display: none;
|
||||
font-family: 'Plus Jakarta Sans', sans-serif;
|
||||
font-size: 0.92rem;
|
||||
}
|
||||
|
||||
@@ -949,8 +1078,11 @@ h4 { font-size: 1.25rem; }
|
||||
color: var(--text-body);
|
||||
padding: 0.5rem 1.1rem;
|
||||
border-radius: var(--radius-full);
|
||||
font-size: 0.88rem;
|
||||
font-family: 'Barlow Condensed', sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 0.88rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
cursor: pointer;
|
||||
transition: all var(--transition-fast);
|
||||
white-space: nowrap;
|
||||
@@ -980,131 +1112,5 @@ h4 { font-size: 1.25rem; }
|
||||
}
|
||||
|
||||
.footer-logo-wrap {
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.footer-heading {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
color: var(--text-main);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.footer-links {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.65rem;
|
||||
}
|
||||
|
||||
.footer-link {
|
||||
font-size: 0.92rem;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.footer-link:hover {
|
||||
color: var(--ide-accent);
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-top: 2rem;
|
||||
border-top: 1px solid var(--border-color);
|
||||
font-size: 0.85rem;
|
||||
color: var(--text-muted);
|
||||
flex-wrap: wrap;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
/* --- 18. Animaciones y Clases Utilitarias --- */
|
||||
@keyframes fadeIn {
|
||||
from { opacity: 0; transform: translateY(6px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
.animate-fade {
|
||||
animation: fadeIn 0.4s ease forwards;
|
||||
}
|
||||
|
||||
.text-center { text-align: center; }
|
||||
.text-left { text-align: left; }
|
||||
.text-accent { color: var(--ide-accent); }
|
||||
.text-primary { color: var(--ide-primary); }
|
||||
.text-muted { color: var(--text-muted); }
|
||||
|
||||
.bg-subtle-section {
|
||||
background-color: var(--bg-subtle);
|
||||
}
|
||||
|
||||
.divider {
|
||||
height: 1px;
|
||||
background-color: var(--border-color);
|
||||
width: 100%;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
/* --- 19. Media Queries (Mobile First / Responsive) --- */
|
||||
@media (max-width: 1024px) {
|
||||
.hero-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 2.5rem;
|
||||
}
|
||||
|
||||
.grid-4, .ecosystem-grid, .method-steps-grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.footer-grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.nav-links, .nav-actions .btn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.nav-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.mobile-toggle-btn {
|
||||
display: flex !important; /* Forzamos la visualización */
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 44px;
|
||||
min-height: 44px;
|
||||
}
|
||||
|
||||
.mobile-toggle-btn:hover {
|
||||
background: var(--border-color);
|
||||
color: var(--ide-accent);
|
||||
}
|
||||
|
||||
.hero-doble-entrada {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.grid-2, .grid-3, .brujula-options-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.grid-4, .ecosystem-grid, .method-steps-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.footer-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
margin-bottom: 1.
|
||||
}
|
||||
Reference in New Issue
Block a user