Clubmundocristianos

Clubmundocristianos 01/31/23 - ClubMundoCristianos /* === Navegación con iconos y título truncado === */ .nav-articulos-iconos { display: flex; justify-content: space-between; align-items: flex-start; margin: 40px 0; gap: 20px; flex-wrap: wrap; } .nav-btn { display: flex; align-items: center; padding: 14px 20px; border-radius: 12px; text-decoration: none; color: white !important; max-width: 48%; box-shadow: 0 4px 10px rgba(0,0,0,0.1); transition: all 0.3s ease; min-height: 60px; font-family: Arial, sans-serif; } .nav-btn.prev { background: #1a73e8; /* Azul */ flex-direction: row; } .nav-btn.next { background: #34a853; /* Verde */ flex-direction: row-reverse; } /* Icono */ .nav-icon { font-size: 18px; margin: 0 10px 0 0; flex-shrink: 0; width: 20px; text-align: center; } .nav-btn.next .nav-icon { margin: 0 0 0 10px; } /* Título con truncado */ .nav-title { font-size: 16px; font-weight: 600; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } /* Hover */ .nav-btn:not(.disabled):hover { transform: translateY(-3px); box-shadow: 0 6px 14px rgba(0,0,0,0.15); } /* Deshabilitado */ .nav-btn.disabled { background: #e0e0e0 !important; color: #757575 !important; cursor: not-allowed; transform: none !important; box-shadow: none !important; } /* Responsive: móviles */ @media (max-width: 768px) { .nav-articulos-iconos { flex-direction: column; } .nav-btn { max-width: 100%; width: 100%; } }